From 27c8307aa79021ddfa121a8b91c12135b8f3eafb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= <tde@odoo.com>
Date: Fri, 27 Nov 2020 08:20:37 +0000
Subject: [PATCH] [FIX] website_event_exhibitor: improve display sidebar flag /
 description columns

SPECIFICATIONS

Currently depending on flag and sponsor type name left- and right- parts of
aside exhibitors may have different sizes. This leads to a stairway-like
display which is kind of ugly.

In this commit we use grid system to force having columns of same width.

LINKS

Task ID-2326433
COM PR #61781
ENT pr odoo/enterprise#14752
UPG PR odoo/upgrade#1931
---
 .../views/event_exhibitor_templates_page.xml               | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

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 3a132e19ca3..dc8e1676324 100644
--- a/addons/website_event_exhibitor/views/event_exhibitor_templates_page.xml
+++ b/addons/website_event_exhibitor/views/event_exhibitor_templates_page.xml
@@ -148,9 +148,9 @@
             </div>
             <ul id="collapse_exhibitor_aside" class="list-unstyled collapse d-lg-block mb-0">
                 <li t-foreach="sponsors_other" t-as="sponsor_other">
-                    <a class="d-flex w-100 h-100 px-2 pt-2 pb-1 text-decoration-none"
+                    <a class="row no-gutters px-2 pt-2 pb-1 text-decoration-none"
                         t-att-href="sponsor_other.website_url">
-                        <div class="d-flex flex-column align-items-center">
+                        <div class="col-3 d-flex flex-column align-items-center">
                             <img t-if="sponsor_other.partner_id.country_id"
                             class="mr-2 mb-1 o_wesponsor_aside_logo"
                             t-att-src="sponsor_other.partner_id.country_id.image_url"
@@ -161,12 +161,11 @@
                             <span t-else="" class="badge badge-light mr-2"
                                 t-esc="sponsor_other.sponsor_type_id.name"/>
                         </div>
-                        <div class="flex-grow-1 overflow-auto">
+                        <div class="col flex-grow-1 overflow-auto">
                             <span class="d-flex align-items-baseline o_wesponsor_sponsor_name">
                                 <span class="d-inline-block text-truncate" t-esc="sponsor_other.name"/>
 
                             </span>
-
                             <small class="text-muted" t-esc="sponsor_other.subtitle"/>
                         </div>
                     </a>