[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>
This commit is contained in:
Thibault Delavallée
2020-08-13 11:44:24 +00:00
parent 63280d971e
commit 0f3216047a
@@ -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"]