From 49f03d007ef376243581d1e8e88ebdbfacd209f1 Mon Sep 17 00:00:00 2001
From: Fabien Pinckaers <fp@openerp.com>
Date: Thu, 27 Jul 2023 05:51:04 +0000
Subject: [PATCH] [IMP] website_event: minor UI cleanup

Remove ugly (light green) backgound color and use default white
2 questions per row, it was crowded to register multiple participants
Less vertical paddings on multiple tickets
UI buttons of registration dialog: both on same side

closes odoo/odoo#129863

Signed-off-by: Fabien Pinckaers (fp) <fp@odoo.com>
---
 .../static/src/scss/event_templates_common.scss        |  5 ++---
 .../views/event_templates_page_registration.xml        | 10 +++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/addons/website_event/static/src/scss/event_templates_common.scss b/addons/website_event/static/src/scss/event_templates_common.scss
index 81f2f63b883..3e448e20602 100644
--- a/addons/website_event/static/src/scss/event_templates_common.scss
+++ b/addons/website_event/static/src/scss/event_templates_common.scss
@@ -1,9 +1,8 @@
-$o-wevent-color-ratio-bg: 15%;
-$o-wevent-bg-color-base: mix(map-get($theme-colors, 'primary'), $body-bg, $o-wevent-color-ratio-bg);
+$o-wevent-bg-color-base: $body-bg;
 $o-wevent-bg-color-base-contrast: color-contrast($o-wevent-bg-color-base);
 $o-wevent-bg-color-light: mix($o-wevent-bg-color-base, #E9ECEF);
 $o-wevent-bg-color-dark: mix($o-wevent-bg-color-base, #24363a);
-$o-wevent-color: mix(map-get($theme-colors, 'primary'), $body-color, $o-wevent-color-ratio-bg);
+$o-wevent-color: $body-color;
 
 .o_wevent_theme_bg_base {
     background-color: $o-wevent-bg-color-base !important;
diff --git a/addons/website_event/views/event_templates_page_registration.xml b/addons/website_event/views/event_templates_page_registration.xml
index e49cc100a95..cc5134eb26b 100644
--- a/addons/website_event/views/event_templates_page_registration.xml
+++ b/addons/website_event/views/event_templates_page_registration.xml
@@ -152,7 +152,7 @@
             <!-- If some tickets expired and there is only one type left, we keep the same layout -->
             <t t-if="len(event.event_ticket_ids) &gt; 1">
                 <div class="d-flex align-items-center py-2 ps-3 pe-2 border-bottom">
-                    <span class="py-2 o_wevent_registration_title text-start">Tickets</span>
+                    <span class="o_wevent_registration_title text-start">Tickets</span>
                     <div class="o_wevent_price_range d-none"/>
                     <t t-call="website_event.registration_configure_tickets_button"
                         t-if="request.env.user.has_group('event.group_event_manager')"/>
@@ -166,7 +166,7 @@
                 </div>
                 <div id="o_wevent_tickets_collapse" class="collapse show">
                     <div t-foreach="tickets" t-as="ticket"
-                         class="o_wevent_theme_bg_light row px-3 py-3 mx-0 border-bottom o_wevent_ticket_selector"
+                         class="o_wevent_theme_bg_light row px-3 py-2 mx-0 border-bottom o_wevent_ticket_selector"
                          t-att-name="ticket.name">
                         <div class="col-md-8 col-xs-12 p-0" itemscope="itemscope" itemtype="http://schema.org/Offer">
                             <h5 itemprop="name" t-field="ticket.name" class="my-0"/>
@@ -292,7 +292,7 @@
                                 <h5 t-attf-class="mt-1 pb-2 #{'border-bottom' if event.question_ids else ''}">Ticket #<span t-out="counter"/> <small class="text-muted">- <span t-out="ticket['name']"/></small></h5>
                                 <div t-if="event.specific_question_ids" class="row">
                                     <t t-foreach="event.specific_question_ids" t-as="question">
-                                        <div class="col-lg-12 mt-2">
+                                        <div class="col-lg-6 mt-2">
                                             <t t-call="website_event.registration_event_question">
                                                 <t t-set="registration_index" t-value="counter"/>
                                             </t>
@@ -306,7 +306,7 @@
                     <div t-if="availability_check and event.general_question_ids" class="modal-body border-top o_wevent_registration_question_global">
                         <div class="row">
                             <t t-foreach="event.general_question_ids" t-as="question">
-                                <div class="col-lg-12 mt-2">
+                                <div class="mt-2" t-att-class="question.question_type=='text_box' and 'col-lg-12' or 'col-lg-6'">
                                     <t t-call="website_event.registration_event_question">
                                         <t t-set="registration_index" t-value="0"/>
                                     </t>
@@ -319,7 +319,7 @@
                             <strong> You ordered more tickets than available seats</strong>
                         </div>
                     </t>
-                    <div class="modal-footer border-top justify-content-between">
+                    <div class="modal-footer border-top">
                         <button type="button" class="btn btn-secondary js_goto_event" data-bs-dismiss="modal">Cancel</button>
                         <button type="submit" class="btn btn-primary" t-if="availability_check">Confirm Registration</button>
                     </div>