ticket 1677 terminé

members_space/static/css/members-space-faq.css

@@ -2,9 +2,7 @@
     font-size: 1.8rem;
 }
 
-.btn_faq{
-    white-space: normal;
-}
+
 .grp_text{
     margin-top: 25px;
 }
@@ -58,6 +56,17 @@ button.accordion.active::after {
     content: "\2212";
 }
 
+.btn_faq{
+    white-space: normal;
+    border-radius: 5px;
+    margin-top: 3px;
+    padding-right: 25px;
+    display: flex;
+    align-items: flex-end;
+}
+.full_width{
+    width: 100%;
+}
 .faq_link_button_area {
    margin-top: 10px;
     height: 100%;

members_space/static/js/members-space-header.js

@@ -39,7 +39,7 @@ $(document).ready(function() {
     $('#faq').on('click', (e) => {
         e.preventDefault();
         if (current_location !== "faq") {
-            goto('faq');
+            goto('faqBDM');
         }
         toggleHeader();
     });

members_space/static/js/members-space.js

@@ -55,7 +55,7 @@ function load_partner_shifts(partner_id) {
 /* - Navigation */
 
 /**
- * @param {String} page home | mes-infos | mes-services | echange-de-services
+ * @param {String} page home | mes-infos | mes-services | echange-de-services | faqBDM
  */
 function goto(page) {
     if (window.location.pathname === base_location) {
@@ -84,7 +84,7 @@ function update_dom() {
         current_location = "my_shifts";
         $("#main_content").load("/members_space/my_shifts", update_content);
         $("#nav_my_shifts").addClass("active");
-    } else if (window.location.pathname === base_location + "faq") {
+    } else if (window.location.pathname === base_location + "faqBDM") {
         current_location = "faq";
         $("#main_content").load("/members_space/faq", update_content);
         $("#faq").addClass("active");

templates/members_space/faq.html

@@ -27,7 +27,7 @@
           </h3>
           <div class="param">
             <button type="button" class="accordion btn_faq">
-              <p >000 Gestion de mon créneau: réinscription, changement, désinscription temporaire (absence de moyenne ou longue durée)</p >
+              <p class="full_width" >000 Gestion de mon créneau: réinscription, changement, désinscription temporaire (absence de moyenne ou longue durée)</p >
             </button>
             <div class="input-container panel">
               
@@ -98,7 +98,7 @@
               </div>
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >001 Gestion de mes services: échanger son service, arrivé.e en retard à son service, demande de congés maladie ou parental</p >
+              <p class="full_width" >001 Gestion de mes services: échanger son service, arrivé.e en retard à son service, demande de congés maladie ou parental</p >
             </button>
             <div class="input-container panel">
               
@@ -183,7 +183,7 @@
               </div>
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >002 Mon statut: Je suis suspendu.e ou désinscrit.e et je ne peux pas faire mes courses</p >
+              <p class="full_width">002 Mon statut: Je suis suspendu.e ou désinscrit.e et je ne peux pas faire mes courses</p >
             </button>
             <div class="input-container panel">
               
@@ -246,7 +246,7 @@
               
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >003 Mon binôme: créer un binôme, se désolidariser de son binôme, changer de binôme</p >
+              <p class="full_width" >003 Mon binôme: créer un binôme, se désolidariser de son binôme, changer de binôme</p >
             </button>
             <div class="input-container panel">
               
@@ -299,7 +299,7 @@
               </div>              
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >004 Spécial Covid: Tu as la Covid ou tu es cas contact, fin d'exemption Covid</p >
+              <p class="full_width" >004 Spécial Covid: Tu as la Covid ou tu es cas contact, fin d'exemption Covid</p >
             </button>
             <div class="input-container panel">
               
@@ -353,7 +353,7 @@
                         
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >005 Je veux que mes enfants puissent faire les courses à ma place</p >
+              <p class="full_width" >005 Je veux que mes enfants puissent faire les courses à ma place</p >
             </button>
             <div class="input-container panel">
               
@@ -379,7 +379,7 @@
               </div> 
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >006 Je veux changer d'adresse mail</p >
+              <p class="full_width" >006 Je veux changer d'adresse mail</p >
             </button>
             <div class="input-container panel">
               
@@ -407,7 +407,7 @@
               </div> 
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >007 Je veux quitter la coopérative</p >
+              <p class="full_width" >007 Je veux quitter la coopérative</p >
             </button>
             <div class="input-container panel">
               
@@ -447,7 +447,7 @@
               </div> 
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >008 Brigade Solidaire: s'inscrire ou se désinscrire de la brigade </p >
+              <p class="full_width" >008 Brigade Solidaire: s'inscrire ou se désinscrire de la brigade </p >
             </button>
             <div class="input-container panel">
               
@@ -487,7 +487,7 @@
               </div> 
             </div>
             <button type="button" class="accordion btn_faq">
-              <p >009 Faire un autre demande au BDM: seulement si les autres formulaires ne correspondent pas à ma demande </p >
+              <p class="full_width" >009 Faire un autre demande au BDM: seulement si les autres formulaires ne correspondent pas à ma demande </p >
             </button>
             <div class="input-container panel">