Can use responses page to edit the survey (as this is default admin page for survey)

ui/src/routes/surveys/[sid]/responses/index.svelte

@@ -13,20 +13,26 @@
 <script lang="ts">
  import { goto } from '$app/navigation';
 
+ import { user } from '../../../../stores/user';
  import StartStopLiveSurvey from '../../../../components/StartStopLiveSurvey.svelte';
+ import SurveyAdmin from '../../../../components/SurveyAdmin.svelte';
  import SurveyBadge from '../../../../components/SurveyBadge.svelte';
  import SurveyQuestions from '../../../../components/SurveyQuestions.svelte';
  import { getQuestions } from '../../../../lib/questions';
 
  export let surveyP;
+ let edit = false;
 </script>
 
 {#await surveyP then survey}
-    <StartStopLiveSurvey
-        {survey}
-        class="ms-1 float-end"
-        on:update={() => goto(`surveys/${survey.id}/admin`)}
-    />
+    {#if $user && $user.is_admin}
+        <button class="btn btn-primary ms-1 float-end" on:click={() => { edit = !edit; } } title="Éditer"><i class="bi bi-pencil"></i></button>
+        <StartStopLiveSurvey
+            {survey}
+            class="ms-1 float-end"
+            on:update={() => goto(`surveys/${survey.id}/admin`)}
+        />
+    {/if}
     <div class="d-flex align-items-center">
         <h2>
             <a href="surveys/{survey.id}" class="text-muted" style="text-decoration: none">&lt;</a>
@@ -36,6 +42,10 @@
         <SurveyBadge class="ms-2" {survey} />
     </div>
 
+    {#if $user && $user.is_admin && edit}
+        <SurveyAdmin {survey} on:saved={() => edit = false} />
+    {/if}
+
     {#await getQuestions(survey.id)}
         <div class="text-center">
             <div class="spinner-border text-primary mx-3" role="status"></div>