Merge pull request #3482 from betagouv/3480-responsive-bandeau-de-td

Reparer le bandeau TD pour les petits écrans

Author: hfroot

frontend/src/views/ManagementPage/TeledeclarationBanner.vue

@@ -2,35 +2,41 @@
   <v-card color="primary lighten-4" elevation="1" shaped class="d-flex align-center">
     <div>
       <v-card-title class="text-body-1 font-weight-bold">
-        CAMPAGNE DE TELEDECLARATION 2023 : du 9 janvier au 31 mars 2024
+        <p class="mb-0">CAMPAGNE DE TELEDECLARATION 2023 : du 9 janvier au 31 mars 2024</p>
       </v-card-title>
       <v-card-text class="pb-0">
-        Dans votre espace cantine, remplissez votre diagnostic 2023 et télédéclarez vos données (arrêté ministériel du
-        14 septembre 2022 - en cours de modification). L'objectif : établir un bilan de suivi des mesures EGAlim
-        permettant de mieux piloter cette politique publique par l'administration.
+        <p class="mb-0">
+          Dans votre espace cantine, remplissez votre diagnostic 2023 et télédéclarez vos données (arrêté ministériel du
+          14 septembre 2022 - en cours de modification). L'objectif : établir un bilan de suivi des mesures EGAlim
+          permettant de mieux piloter cette politique publique par l'administration.
+        </p>
       </v-card-text>
-      <v-card-actions class="px-4 mt-2">
-        <v-btn :to="{ name: 'PendingActions' }" color="primary">Télédéclarer mes cantines</v-btn>
-        <v-btn
-          text
-          href="https://ma-cantine-1.gitbook.io/ma-cantine-egalim/infos-generales-sur-contexte-r%C3%A9glementaire/master/procedure-campagne-de-remontee-des-donnees-annuelle"
-          target="_blank"
-          rel="noopener"
-          class="text-decoration-underline"
-        >
-          Le guide de télédéclaration
-          <v-icon small class="ml-2">mdi-open-in-new</v-icon>
-        </v-btn>
-        <v-btn
-          text
-          href="https://1648047458-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSCF7Mdc8yfeIjMxMZr%2Fuploads%2FlNPOtFoTKyfj5UnjZKJj%2FEGAlim%20Bilan%20statistique%202023%20d%C3%A9finitif.pdf?alt=media"
-          target="_blank"
-          rel="noopener"
-          class="text-decoration-underline"
-        >
-          Bilan EGAlim pour la campagne de 2022
-          <v-icon small class="ml-2">mdi-open-in-new</v-icon>
-        </v-btn>
+      <v-card-actions class="px-4 pb-2 mt-2">
+        <p class="mb-0">
+          <v-btn :to="{ name: 'PendingActions' }" color="primary" class="mb-2 mr-4">
+            Télédéclarer mes cantines
+          </v-btn>
+          <v-btn
+            text
+            href="https://ma-cantine-1.gitbook.io/ma-cantine-egalim/infos-generales-sur-contexte-r%C3%A9glementaire/master/procedure-campagne-de-remontee-des-donnees-annuelle"
+            target="_blank"
+            rel="noopener"
+            class="text-decoration-underline mb-2 ml-n4 mr-4"
+          >
+            Le guide de télédéclaration
+            <v-icon small class="ml-2">mdi-open-in-new</v-icon>
+          </v-btn>
+          <v-btn
+            text
+            href="https://1648047458-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MSCF7Mdc8yfeIjMxMZr%2Fuploads%2FlNPOtFoTKyfj5UnjZKJj%2FEGAlim%20Bilan%20statistique%202023%20d%C3%A9finitif.pdf?alt=media"
+            target="_blank"
+            rel="noopener"
+            class="text-decoration-underline mb-2 ml-n4"
+          >
+            Bilan EGAlim pour la campagne de 2022
+            <v-icon small class="ml-2">mdi-open-in-new</v-icon>
+          </v-btn>
+        </p>
       </v-card-actions>
     </div>
   </v-card>