[fix] chgt pour rendre sondage responsive

static/src/css/ethikis_survey.css

@@ -44,6 +44,7 @@
     background-color: white;
     background-attachment: fixed;
     color:#3D3D3D;
+    overflow-wrap: anywhere;
 }
 
 .ethikis-survey h1, .ethikis-survey h2, .ethikis-survey h3, .ethikis-survey h4 {
@@ -127,6 +128,7 @@
     background-color: #61C4E1;
     color: white;
     border-radius: 20px;
+    white-space: normal;
 }
 
 .ethikis-btn-green {
@@ -134,6 +136,7 @@
     background-color: #009036;
     color: white;
     border-radius: 20px;
+    white-space: normal;
 }
 
 

templates/layout.xml

@@ -66,10 +66,10 @@
 
         <template id="ethikis_survey_header">
             <div class="row">
-                <div class="col-6 my-auto">
+                <div class="col-md-6 my-auto">
                     <img src="/ethikis_survey/static/src/img/logo_horizontal.png" class="float-left" width="200px" alt=""/>
                 </div>
-                <div class="col-6 text-right my-auto">
+                <div class="col-md-6 text-right my-auto">
                     <h3>ESPACE ENQUÊTE</h3>
                 </div>
             </div>
@@ -84,7 +84,7 @@
                         <div class='jumbotron mt32 ethikis-jumbo shadow-lg'>
                             <t t-call="ethikis_survey.ethikis_survey_header"/>
                             <div class="row pt-5">
-                                <div class="col-9">
+                                <div class="col-md-9">
                                     <div class="col-12 pb32">
                                         <h1 t-field='survey.title'/>
                                         <div t-field='survey.description' class="oe_no_empty text-justify pt-4 pb-10"/>
@@ -97,7 +97,7 @@
                                         </h5>
                                     </div>
                                 </div>
-                                <div class="col-3 my-auto">
+                                <div class="col-md-3 my-auto">
                                     <img id="ethikis-etiquette-jumbo" src="/ethikis_survey/static/src/img/etiquette.png" class="float-right" margin-right="-2rem" width="250px" alt=""/>
                                 </div>
                             </div>