T1664 - sponsorship form in Odoo (#36)

* fix: fix translation * fix: make info button stick to label * chore: format --------- Co-authored-by: Clément <[email protected]>
CompassionCH · Aug 15, 2024 · b52f8e8 · b52f8e8
1 parent 624933a
commit b52f8e8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 18 deletions.
diff --git a/website_sponsorship/static/src/css/sponsorship_form.css b/website_sponsorship/static/src/css/sponsorship_form.css
@@ -1,9 +1,4 @@
 .o_more_info_button {
-  position: absolute;
-  top: auto;
-  left: 0;
-  bottom: 0;
-  right: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;

diff --git a/website_sponsorship/templates/sponsorship_form.xml b/website_sponsorship/templates/sponsorship_form.xml
@@ -525,7 +525,7 @@
                       t-value="step == 2 and contract and len(contract.contract_line_ids) &gt; 1"
                     />
                                         <div
-                      class="radio col-12 col-lg-4 col-md-6"
+                      class="radio col-12 col-lg-6 col-md-6"
                     >
                                             <div class="form-check">
                                                 <t
@@ -560,9 +560,9 @@
                                             </div>
                                         </div>
                                         <div
-                      class="radio col-12 col-lg-4 col-md-6"
+                      class="radio col-12 col-lg-6 col-md-6"
                     >
-                                            <div class="form-check">
+                                            <div class="form-check d-flex">
                                                 <t t-if="sponsorship_plus">
                                                     <input
                             type="radio"
@@ -590,22 +590,21 @@
                         >
                                                     PLUS Sponsorship
                                                 </label>
+
+                            <a
+                          id="sponsorship_plus_info"
+                          class="o_more_info_button mb-4 ml-2 rounded-circle bg-primary align-items-center justify-content-center o_not_editable text-white"
+                          href="#"
+                          title="More information"
+                        >
+                                <i class="fa fa-question fa-1x" />
+                            </a>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        <div class="col-auto ml-auto">
-                            <a
-                id="sponsorship_plus_info"
-                class="o_more_info_button mb-4 rounded-circle bg-primary align-items-center justify-content-center o_not_editable text-white"
-                href="#"
-                title="More information"
-              >
-                                <i class="fa fa-question fa-1x" />
-                            </a>
-                        </div>
                         <div class="col-1" />
                         <t t-call="website_sponsorship.sponsorship_plus_help" />
                         <div