From ce69c951e5062434405398a77575fd144494b000 Mon Sep 17 00:00:00 2001
From: David Mendy <davebull.dm@gmail.com>
Date: Thu, 9 Nov 2023 10:46:03 +0100
Subject: [PATCH] fix css

---
 .../GuideIdentificationFirearm.vue            |  4 +-
 .../SecuringAchievement.vue                   |  4 +-
 .../GuideSecuringFirearm/SecuringFooter.vue   | 58 ++++++++++---------
 .../SecuringTutorialContent.vue               |  2 +
 4 files changed, 36 insertions(+), 32 deletions(-)

diff --git a/frontend/src/views/GuideIdentificationFirearm/GuideIdentificationFirearm.vue b/frontend/src/views/GuideIdentificationFirearm/GuideIdentificationFirearm.vue
index cf5ef1c0e..e6f8c9ee9 100644
--- a/frontend/src/views/GuideIdentificationFirearm/GuideIdentificationFirearm.vue
+++ b/frontend/src/views/GuideIdentificationFirearm/GuideIdentificationFirearm.vue
@@ -98,7 +98,7 @@ async function sendLogsIdentificationDummy () {
         :to="{name: 'StartPage'}"
       >
         <DsfrButton
-          class="flex justify-center w-full"
+          class="flex justify-center !w-full"
           label="Retour à l'accueil"
           icon="ri-home-4-line"
           data-testid="return-to-home-end"
@@ -108,7 +108,7 @@ async function sendLogsIdentificationDummy () {
       </router-link>
       <DsfrButton
         v-if="resultTree[typology]?.isDummyTypology"
-        class="mt-3 flex justify-center w-full"
+        class="mt-3 flex justify-center !w-full"
         label="Retourner à l'étape précédente"
         icon="ri-arrow-go-back-fill"
         :icon-right="true"
diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue b/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue
index e2c7936ea..798c29a43 100644
--- a/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue
+++ b/frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue
@@ -61,7 +61,7 @@ const typology = computed(() => resultStore.typology)
         :to="{name: 'IdentificationTypologyResult'}"
       >
         <DsfrButton
-          class="flex justify-center w-full"
+          class="flex justify-center !w-full"
           label="Je veux identifier mon arme"
           icon="ri-arrow-right-line"
           :icon-right="true"
@@ -74,7 +74,7 @@ const typology = computed(() => resultStore.typology)
         :to="{name:'StartPage'}"
       >
         <DsfrButton
-          class="mt-3 flex justify-center w-full"
+          class="mt-3 flex justify-center !w-full"
           label="Retour à l'accueil"
           icon="ri-home-4-line"
           :icon-right="true"
diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringFooter.vue b/frontend/src/views/GuideSecuringFirearm/SecuringFooter.vue
index de30b16cc..1c4247b3e 100644
--- a/frontend/src/views/GuideSecuringFirearm/SecuringFooter.vue
+++ b/frontend/src/views/GuideSecuringFirearm/SecuringFooter.vue
@@ -26,34 +26,36 @@ const backClick = (navigate: () => void) => {
 <template>
   <div class="footer">
     <div class="fr-col-11 fr-col-lg-6 footer-actions mx-auto">
-      <RouterLink
-        v-slot="{ navigate }"
-        class="m-1"
-        :to="backTo"
-      >
-        <DsfrButton
-          class="flex justify-center w-full"
-          icon="ri-arrow-left-line"
-          :secondary="true"
-          label="Précédent"
-          @click.stop.prevent="backClick(navigate)"
-        />
-      </RouterLink>
-      <RouterLink
-        v-slot="{ navigate }"
-        class="m-1"
-        :to="nextTo"
-      >
-        <DsfrButton
-          class="flex justify-center w-full"
-          icon="ri-arrow-right-line"
-          :disabled="nextDisabled"
-          data-testid="button-next"
-          label="Suivant"
-          :icon-right="true"
-          @click.stop.prevent="nextClick(navigate)"
-        />
-      </RouterLink>
+      <div class="fr-col-11 fr-col-lg-6 footer-actions mx-auto">
+        <RouterLink
+          v-slot="{ navigate }"
+          class="m-1"
+          :to="backTo"
+        >
+          <DsfrButton
+            class="flex justify-center !w-full"
+            icon="ri-arrow-left-line"
+            :secondary="true"
+            label="Précédent"
+            @click.stop.prevent="backClick(navigate)"
+          />
+        </RouterLink>
+        <RouterLink
+          v-slot="{ navigate }"
+          class="m-1"
+          :to="nextTo"
+        >
+          <DsfrButton
+            class="flex justify-center !w-full"
+            icon="ri-arrow-right-line"
+            :disabled="nextDisabled"
+            data-testid="button-next"
+            label="Suivant"
+            :icon-right="true"
+            @click.stop.prevent="nextClick(navigate)"
+          />
+        </RouterLink>
+      </div>
     </div>
   </div>
 </template>
diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringTutorialContent.vue b/frontend/src/views/GuideSecuringFirearm/SecuringTutorialContent.vue
index 3d97779d2..1347bcc54 100644
--- a/frontend/src/views/GuideSecuringFirearm/SecuringTutorialContent.vue
+++ b/frontend/src/views/GuideSecuringFirearm/SecuringTutorialContent.vue
@@ -149,6 +149,8 @@ const openNextAccordion = (currentIndex: number) => {
               />
             </ul>
           </div>
+          <div class="small-blank" />
+          <AskingExpert />
           <FooterMES />
         </div>
       </div>