From 43b48ffcec96a3c0531735425bc7bc284e9f2a50 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Wed, 24 Jan 2024 10:28:42 +0100
Subject: [PATCH] [FIX] website_event, website_event_*: fix layout

*: website_event_booth, website_event_exhibitor, website_event_meet,
   website_event_track

This commits address several minor layout issues across the entire
`website_event` platform.

task-3718417
part of task-3698364

Part-of: odoo/odoo#152434
---
 addons/website_event/views/event_templates_list.xml    |  4 ++--
 .../views/event_templates_page_registration.xml        |  6 +++---
 .../views/event_booth_templates.xml                    |  8 ++++----
 .../views/event_booth_templates.xml                    |  2 +-
 .../views/event_exhibitor_templates_list.xml           |  2 +-
 .../views/event_exhibitor_templates_page.xml           |  2 +-
 .../views/event_meet_templates_list.xml                |  8 ++++----
 .../views/event_meet_templates_page.xml                | 10 +++++-----
 .../views/event_track_templates_list.xml               |  2 +-
 .../views/event_track_templates_proposal.xml           |  4 ++--
 10 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/addons/website_event/views/event_templates_list.xml b/addons/website_event/views/event_templates_list.xml
index f7b24db3e52..b03afc04c9c 100644
--- a/addons/website_event/views/event_templates_list.xml
+++ b/addons/website_event/views/event_templates_list.xml
@@ -47,7 +47,7 @@
 
 <!-- Index Topbar -->
 <template id="index_topbar" name="Topbar">
-        <div class="container my-3">
+        <div class="container mt-3 mb-4">
             <div class="o_wevent_index_topbar_filters d-flex d-print-none align-items-center justify-content-end flex-wrap gap-2 w-100">
                 <h2 class="my-0 me-auto pe-sm-4">Events</h2>
                     <t t-foreach="categories" t-as="category">
@@ -388,7 +388,7 @@
 
 <!-- Index - Sidebar -->
 <template id="index_sidebar" name="Sidebar">
-    <div id="o_wevent_index_sidebar" class="col-lg-4 ms-lg-3 ms-xl-5 my-5"/>
+    <div id="o_wevent_index_sidebar" class="col-lg-4 ms-lg-3 ps-xxl-5 mb-5"/>
 </template>
 
 <!-- Index - Sidebar - About us -->
diff --git a/addons/website_event/views/event_templates_page_registration.xml b/addons/website_event/views/event_templates_page_registration.xml
index aedd83d8e7b..004bc4619eb 100644
--- a/addons/website_event/views/event_templates_page_registration.xml
+++ b/addons/website_event/views/event_templates_page_registration.xml
@@ -16,12 +16,12 @@
     <t t-set="hide_register_cta" t-value="True"/>
     <t t-call="website_event.event_details">
         <section class="h-100" t-cache="event if not editable and event.website_published else None">
-            <div class="container overflow-hidden h-100 pb-5">
+            <div class="container overflow-hidden pb-5">
                 <div class="row h-100">
-                <div class="col">
+                <div class="col pe-xxl-5">
                     <t t-call="website_event.navbar"/>
                     <!-- Show the button tickets only on mobile -->
-                    <div class="container d-lg-none py-3">
+                    <div class="container d-lg-none">
                         <t t-call="website_event.registration_template"/>
                     </div>
                     <!-- Description -->
diff --git a/addons/website_event_booth/views/event_booth_templates.xml b/addons/website_event_booth/views/event_booth_templates.xml
index 75a9b80efff..46554ea6c85 100644
--- a/addons/website_event_booth/views/event_booth_templates.xml
+++ b/addons/website_event_booth/views/event_booth_templates.xml
@@ -55,7 +55,7 @@
                             <h4 class="mb-3">Choose your type of booth</h4>
                             <t t-foreach="event.event_booth_category_ids" t-as="booth_category">
                                 <t t-set="booth_category_unavailable" t-value="booth_category not in available_booth_category_ids"/>
-                                <div class="col-md-6 col-lg-4 mb-2">
+                                <div class="col-md-6 col-lg-4 mb-4">
                                     <label t-attf-class="d-block h-100 #{'o_wbooth_category_unavailable' if booth_category_unavailable else ''}">
                                         <input type="radio" name="booth_category_id" t-att-value="booth_category.id" t-att-disabled="booth_category_unavailable"
                                             t-att-checked="booth_category.id == selected_booth_category_id"/>
@@ -65,7 +65,7 @@
                                             <div class="card-body">
                                                 <h5 name="booth_category_name" class="card-title" t-out="booth_category.name"/>
                                                 <span class="booth_category_price"></span>
-                                                <div t-attf-id="o_wbooth_booth_description_#{booth_category.id}"
+                                                <div class="mx-n3 small" t-attf-id="o_wbooth_booth_description_#{booth_category.id}"
                                                     t-field="booth_category.description"/>
                                             </div>
                                         </div>
@@ -101,8 +101,8 @@
                                     </div>
                                 </div>
                                 <div class="my-3" name="booth_registration_submit">
-                                    <div class="d-flex flex-column align-content-end justify-content-end pt-3 border-top">
-                                        <button type="submit" class="o_wbooth_registration_submit btn btn-primary btn-block ms-auto fw-bold" disabled="true">
+                                    <div class="d-flex align-items-center justify-content-end pt-3 border-top gap-2 mt-4 mb-5">
+                                        <button type="submit" class="o_wbooth_registration_submit btn btn-primary btn-block" disabled="true">
                                             <span>Book my Booth(s)</span>
                                         </button>
                                     </div>
diff --git a/addons/website_event_booth_sale/views/event_booth_templates.xml b/addons/website_event_booth_sale/views/event_booth_templates.xml
index 33c6a6c9ff9..40544295a1f 100644
--- a/addons/website_event_booth_sale/views/event_booth_templates.xml
+++ b/addons/website_event_booth_sale/views/event_booth_templates.xml
@@ -34,7 +34,7 @@
             </attribute>
         </xpath>
         <xpath expr="//button[hasclass('o_wbooth_registration_submit')]" position="before">
-            <div class="o_wbooth_booth_total_price d-none pb-3 text-end">
+            <div class="o_wbooth_booth_total_price d-none text-end">
                 <div class="fw-bold">
                     <span>Total</span>
                     <span t-out="float(0)"
diff --git a/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml b/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
index 1573c50d60c..bfa81b33f29 100644
--- a/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
+++ b/addons/website_event_exhibitor/views/event_exhibitor_templates_list.xml
@@ -31,7 +31,7 @@
 
 <!-- Main topbar -->
 <template id="exhibitors_topbar" name="Exhibitor Tools">
-    <div class="d-flex d-print-none align-items-center justify-content-end flex-wrap gap-2 w-100">
+    <div class="d-flex d-print-none justify-content-end flex-wrap gap-2 w-100 mt-3">
         <h3 class="my-0 me-auto pe-sm-4">Exhibitors</h3>
         <form class="o_wevent_event_tags_form d-none d-lg-block" action="#" method="POST">
             <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
diff --git a/addons/website_event_exhibitor/views/event_exhibitor_templates_page.xml b/addons/website_event_exhibitor/views/event_exhibitor_templates_page.xml
index d8e332d52e9..215ad43f182 100644
--- a/addons/website_event_exhibitor/views/event_exhibitor_templates_page.xml
+++ b/addons/website_event_exhibitor/views/event_exhibitor_templates_page.xml
@@ -30,7 +30,7 @@
 <!-- ============================================================ -->
 
 <template id="exhibitor_main" name="Exhibitor: Main Content">
-    <div t-att-class="'o_wesponsor_exhibitor_main col-12 border mt-3 p-0 %s' % ('col-lg-10' if option_widescreen else 'col-lg-9')">
+    <div t-att-class="'o_wesponsor_exhibitor_main mt-3 px-0 %s' % ('col-lg-10' if option_widescreen else 'col-lg-9 ps-lg-3 ps-xxl-5')">
         <!-- EVENT NOT STARTED ALERTS -->
         <t t-if="not sponsor.event_id.is_ongoing">
             <div t-if="sponsor.event_id.is_done" class="alert alert-warning rounded-0 text-center" role="alert">
diff --git a/addons/website_event_meet/views/event_meet_templates_list.xml b/addons/website_event_meet/views/event_meet_templates_list.xml
index 22408836b48..93dde6105bb 100644
--- a/addons/website_event_meet/views/event_meet_templates_list.xml
+++ b/addons/website_event_meet/views/event_meet_templates_list.xml
@@ -9,7 +9,7 @@
             <div id="oe_structure_website_event_location_1" class="oe_structure"/>
             <!-- Content -->
             <div class="o_wemeet_container container h-100">
-                <div class="row h-100 mb-5 mx-0">
+                <div class="row h-100 mb-5">
                     <t t-call="website_event_meet.community_main"/>
                     <t t-call="website_event_meet.community_aside"/>
                 </div>
@@ -26,9 +26,9 @@
 
 <!-- Meeting Rooms Main Display -->
 <template id="community_main" name="Meeting Rooms: Main Display">
-    <div class="col-12 col-lg-8 col-xl-9 ps-0">
+    <div class="col-12 col-lg-8 col-xl-9 pe-xxl-5">
         <t t-call="website_event.navbar"/>
-        <div class="d-flex flex-row align-items-center justify-content-between mb-2">
+        <div class="d-flex flex-row flex-wrap gap-2 pt-3 justify-content-between mb-2">
             <h3 class="mb-0">Join a room</h3>
             <div class="dropdown">
                 <a class="dropdown-toggle btn btn-light" title="Languages Menu"
@@ -168,7 +168,7 @@
 <template id="community_aside" name="Community: Aside">
     <div class="d-lg-flex justify-content-end col-lg-4 col-xl-3 mb-3 mb-lg-0">
         <div class="o_wevent_community_aside mt-3">
-            <div class="d-none d-md-block mb-3" t-if="event.meeting_room_allow_creation">
+            <div class="d-none d-md-block mb-4" t-if="event.meeting_room_allow_creation">
                 <h4 class="o_page_header">Start a topic</h4>
                 <p>Want to create your own discussion room?</p>
                 <a href="#" role="button"
diff --git a/addons/website_event_meet/views/event_meet_templates_page.xml b/addons/website_event_meet/views/event_meet_templates_page.xml
index 6e40b943559..4e53300dacc 100644
--- a/addons/website_event_meet/views/event_meet_templates_page.xml
+++ b/addons/website_event_meet/views/event_meet_templates_page.xml
@@ -11,7 +11,7 @@
             <!-- Drag/Drop Area -->
             <div id="oe_structure_wemeet_index_1" class="oe_structure"/>
             <!-- Content -->
-            <div t-att-class="'o_wevent_online_page_container %s' % ('container pb-3' if not option_widescreen else 'pb-3')">
+            <div t-att-class="'o_wevent_online_page_container %s' % ('container pb-3' if not option_widescreen else 'container-fluid pb-3')">
                 <div t-att-class="'row mb-5 mx-0 %s' % ('justify-content-center' if not meeting_rooms_other else '')">
                     <t t-if="meeting_rooms_other">
                         <t t-call="website_event_meet.meeting_room_aside"/>
@@ -30,7 +30,7 @@
 <!-- ============================================================ -->
 
 <template id="meeting_room_main" name="Meeting Room: Main Content">
-    <div t-att-class="'col-12 o_wemeet_room_main border mt-3 p-0 %s' % ('col-lg-9 col-xl-10' if option_widescreen else 'col-lg-8 col-xl-9')">
+    <div t-att-class="'col-12 o_wemeet_room_main mt-3 px-0 ps-lg-3 %s' % ('col-lg-9 col-xl-10' if option_widescreen else 'col-lg-8 col-xl-9')">
         <!-- EVENT NOT STARTED ALERTS -->
         <t t-if="not meeting_room.event_id.is_ongoing">
             <div t-if="meeting_room.event_id.is_done" class="alert alert-warning text-center">
@@ -85,14 +85,14 @@
             </div>
         </div>
         <!-- ROOM DESCRIPTION -->
-        <div class="mx-3">
+        <div>
             <h5 class="mt-3" t-out="meeting_room.name"/>
             <div t-if="meeting_room.room_participant_count > 0" class="text-muted mb-3">
                 A chat among <t t-out="meeting_room.room_participant_count"/> <span t-out="meeting_room.target_audience"/>
             </div>
         </div>
         <hr class="my-0"/>
-        <div t-field="meeting_room.summary" class="my-4 mx-3 oe_no_empty"/>
+        <div t-field="meeting_room.summary" class="my-4 oe_no_empty"/>
      </div>
 </template>
 
@@ -116,7 +116,7 @@
                         <div class="flex-grow-1 mw-100">
                             <div class="text-truncate fw-bold" t-out="meeting_room_other.name"/>
                             <span class="text-muted" t-out="meeting_room_other.summary"></span>
-                            <div class="d-flex flex-column flex-xl-row flex-wrap justify-content-between align-items-start align-items-xl-center">
+                            <div class="d-flex flex-column flex-xl-row flex-wrap justify-content-between align-items-center mt-1">
                                 <p class="d-flex justify-content-between align-items-center gap-2 m-0 text-muted small">
                                     <i class="fa fa-user"></i>
                                     <t t-out="meeting_room_other.room_participant_count"/>
diff --git a/addons/website_event_track/views/event_track_templates_list.xml b/addons/website_event_track/views/event_track_templates_list.xml
index 16e043a074f..be356b21a2c 100644
--- a/addons/website_event_track/views/event_track_templates_list.xml
+++ b/addons/website_event_track/views/event_track_templates_list.xml
@@ -241,7 +241,7 @@
                 <t t-set="tracks_header_name" t-value="tracks_info['name']"/>
                 <t t-set="tracks" t-value="tracks_info['tracks']"/>
                 <!-- DAY HEADER -->
-                <div t-attf-class="o_we_track_day_header d-flex align-items-center py-3">
+                <div class="o_we_track_day_header d-flex align-items-center position-relative py-3">
                     <div class="d-flex flex-grow-1 flex-column" t-if="tracks_date">
                         <span class="m-0 fw-bold" t-out="tracks_date"
                             t-options="{'widget': 'date', 'format': 'EEEE '}"/>
diff --git a/addons/website_event_track/views/event_track_templates_proposal.xml b/addons/website_event_track/views/event_track_templates_proposal.xml
index df86d99e40a..9c89eeef710 100644
--- a/addons/website_event_track/views/event_track_templates_proposal.xml
+++ b/addons/website_event_track/views/event_track_templates_proposal.xml
@@ -7,7 +7,7 @@
         <div class="oe_structure" id="oe_structure_website_event_track_proposal_1"/>
         <div class="container">
             <section class="row mb-3">
-                <div class="col-lg-8 col-xl-9">
+                <div class="col-lg-8 col-xl-9 pe-xxl-5">
                     <t t-call="website_event.navbar"/>
                     <section>
                         <h3>Call for Proposals</h3>
@@ -101,7 +101,7 @@
                                     </div>
                                 </div>
                                 <t t-call="website_event_track.event_track_proposal_contact_details"/>
-                                <div class="o_form_buttons d-flex justify-content-end">
+                                <div class="o_form_buttons d-flex justify-content-end pb-5">
                                     <button type="submit" class="btn btn-primary o_wetrack_proposal_submit_button">Submit Proposal</button>
                                     <span class="o_wetrack_proposal_error_section text-danger d-none ml8">
                                         <i class="fa fa-close mr4" role="img" aria-label="Error" title="Error"/>