From 0f3216047a1eea28fd0faf77ec1c390d7d2f8ec6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= <tde@odoo.com>
Date: Mon, 10 Aug 2020 11:12:41 +0000
Subject: [PATCH] [FW][FIX] website_event: yet another mobile registration
 tuning

Some fixes for registration flow

  * in mobile, make Add to iCal / Add to Google Calendar buttons take all
    the screen width. Otherwise they have different widths, each button on
    a line, and this is quite ugly;
  * add a margin on address in mobile as it is displayed below registration
    information and not on its right;
  * display "Registered" badge in tickets section as all other Registered
    badge;

Linked to task ID-2314778
Feedback from internal testing
PR #55702
X-original-commit cf232f7317d81d44faebc20424a2a6b17c87ccae

closes odoo/odoo#55866

X-original-commit: d924ace56943405ee4c8f33916c5b5d5264675eb
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
---
 .../website_event/views/event_templates_registration.xml  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/addons/website_event/views/event_templates_registration.xml b/addons/website_event/views/event_templates_registration.xml
index 980dc7d4bfd..acc8705a9c3 100644
--- a/addons/website_event/views/event_templates_registration.xml
+++ b/addons/website_event/views/event_templates_registration.xml
@@ -67,7 +67,7 @@
                         <i class="fa fa-ban mr-2"/>Sold Out
                     </span>
                     <div t-if="event.is_participating" id="registered" class="ml-auto pr-3 d-none">
-                        <span  class="text-success ml-3">
+                        <span class="o_wevent_badge badge badge-success ml-3">
                             <i class="fa fa-check mr-2"/>Registered
                         </span>
                     </div>
@@ -249,16 +249,16 @@
             <div class="row mb-3">
                 <div class="col-lg-8">
                     <p><b>Start</b> <span itemprop="startDate" t-esc="event.date_begin_located"/><br/> <b>End</b> <span itemprop="endDate" t-esc="event.date_end_located"/></p>
-                    <div id="add_to_calendar" class="mt-4">
+                    <div id="add_to_calendar" class="mt-4 d-flex flex-column flex-md-row">
                         <a role="button" class="btn btn-primary" t-att-href="iCal_url">
                             <i class="fa fa-fw fa-calendar"/> Add to iCal/Outlook
                         </a>
-                        <a role="button" class="btn btn-primary" t-att-href="google_url" target='_blank'>
+                        <a role="button" class="btn btn-primary ml-md-2 mt-2 mt-md-0" t-att-href="google_url" target='_blank'>
                             <i class="fa fa-fw fa-calendar"/> Add to Google Calendar
                         </a>
                     </div>
                 </div>
-                <div class="col-lg-4">
+                <div class="col-lg-4 mt-4 mt-lg-0">
                     <h4 t-field="event.address_id" class="text-secondary font-weight-bold" t-options='{
                         "widget": "contact",
                         "fields": ["name"]