From e7e7b9beb0e46734e5df3d6a98527782ef837ddd Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Wed, 3 Aug 2016 14:53:23 +0200
Subject: [PATCH] [FIX] calendar: use correct bootstrap for invitations

Commit cfb8e8700a501c47a5b3c1b7c8a0e9e58e417f58 introduced a new template for meeting invitation page.
This template used bootstrap row's without any container which added
an ugly useless scrollbar at the bottom.

This commit uses valid bootstrap by simply removing the bootstrap
column layout (as there is no column but only centered content) and
using a simple container. Also, wraps the table in a .table-responsive
div so that the template is mobile-friendly.
Also fixes a typo in the template name.
---
 addons/calendar/views/calendar.xml | 37 ++++++++++++------------------
 1 file changed, 15 insertions(+), 22 deletions(-)

diff --git a/addons/calendar/views/calendar.xml b/addons/calendar/views/calendar.xml
index 7929fce158e..3d84e5f65a4 100644
--- a/addons/calendar/views/calendar.xml
+++ b/addons/calendar/views/calendar.xml
@@ -8,37 +8,31 @@
     </template>
 
     <!-- Template rendered in route auth=None, for anonymous user. This allow them to see meeting details -->
-    <template id="invitation_page_anonymous" name="Calendar InvitationPAge for anonymous users">
+    <template id="invitation_page_anonymous" name="Calendar Invitation Page for anonymous users">
         <t t-call="web.layout">
-
             <t t-set="head">
                 <t t-call-assets="web.assets_common" t-js="false"/>
                 <t t-call-assets="web.assets_frontend" t-js="false"/>
             </t>
 
-            <div class="row">
-                <div class="col-md-12">
-                    <div class="o_logo">
-                        <img class="img img-responsive center-block" src="/web/binary/company_logo"/>
-                    </div>
+            <div class="container">
+                <div class="o_logo">
+                    <img class="img img-responsive center-block" src="/web/binary/company_logo"/>
                 </div>
-            </div>
 
-            <div class="row">
-                <div class="col-md-6 col-md-offset-3">
-                    <div class="panel panel-default">
-                        <div class="panel-heading">
-                            <h2>Calendar Invitation <small><t t-esc="event.name"/></small></h2>
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <h2>Calendar Invitation <small><t t-esc="event.name"/></small></h2>
+                    </div>
+                    <div class="panel-body">
+                        <div class="clearfix mb16" t-if="attendee.state != 'needsAction'">
+                            <span class="pull-right label label-info">
+                                <t t-if="attendee.state == 'accepted'">Yes I'm going.</t>
+                                <t t-if="attendee.state == 'declined'">No I'm not going.</t>
+                            </span>
                         </div>
-                        <div class="panel-body">
-
-                            <div class="pull-right mb16" t-if="attendee.state != 'needsAction'">
-                                <span class="label label-info">
-                                    <t t-if="attendee.state == 'accepted'">Yes I'm going.</t>
-                                    <t t-if="attendee.state == 'declined'">No I'm not going.</t>
-                                </span>
-                            </div>
 
+                        <div class="table-responsive">
                             <table class="o_event_table table table-striped">
                                 <tr>
                                     <th>Invitation for</th>
@@ -66,7 +60,6 @@
                         </div>
                     </div>
                 </div>
-
             </div>
         </t>
     </template>