From 20915b456408c61b7228db5017ab973a5ba662c7 Mon Sep 17 00:00:00 2001
From: Nadeige COUTHON <nadeige.couthon@gmail.com>
Date: Fri, 18 Aug 2023 21:52:23 +0200
Subject: [PATCH] fix display modal if transparent magazine

---
 frontend/src/views/GuideFactice/SelectAmmo.vue | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/GuideFactice/SelectAmmo.vue b/frontend/src/views/GuideFactice/SelectAmmo.vue
index fb43a360..44b5a4e4 100644
--- a/frontend/src/views/GuideFactice/SelectAmmo.vue
+++ b/frontend/src/views/GuideFactice/SelectAmmo.vue
@@ -54,7 +54,7 @@ onMounted(() => {
   <div>
     <Teleport to="body">
       <DsfrModal
-        v-if="typology === 'autre_epaule'"
+        v-if="typology === 'semi_auto_style_militaire_autre'"
         title=""
         :opened="showModal"
         @close="closeModal()"
@@ -84,7 +84,7 @@ onMounted(() => {
           </div>
           <div class="modal-footer">
             <DsfrButton
-              class="full"
+              class="w-full text-sm"
               label="Oui, c'est clair, je poursuis le tutoriel"
               icon-right
               icon="ri-arrow-right-line"
@@ -106,7 +106,7 @@ onMounted(() => {
       <p class="texte-tuto my-3">
         Sélectionner le <span class="font-bold">type de munitions</span> du chargeur.
         <span
-          v-if="typology === 'autre_epaule'"
+          v-if="typology === 'semi_auto_style_militaire_autre'"
           @click="openModal()"
         >
           <a href="#"> Chargeur transparent ?</a>
@@ -224,12 +224,6 @@ onMounted(() => {
   white-space: pre-wrap;
 }
 
-:deep(.fr-col-md-8),
-:deep(.fr-col-lg-6) {
-  flex: 0 0 100%;
-  max-width: 100%;
-  width: 100%;
-}
 .instructions {
   padding-bottom: .5em;
 }