From ea143795e9064823e5bed2c7ef817c52d2a0dff8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20K=C3=BChn?= <aku@odoo.com>
Date: Wed, 29 Apr 2020 10:00:06 +0000
Subject: [PATCH] [FIX] web: fix rating kanban card layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Revision on 7ecae3357117b1fd9889540556d5eba14ef8f237

Commit above introduced schedule activities on partner kanban view,
and also made slight CSS change in order to position next activity
nicely at the bottom of the card.

This change broke the layout in Rating kanban view with a groupby
filter. This happens because some CSS rules made use of a combination
of inline-block/float/margin-compensation to display image next
to kanban textual information.

This commit fixes all above issues by using flex.

Task-Id 2237638

closes odoo/odoo#50386

X-original-commit: e7e3d14f980b221158042097568061363f6f1468
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 addons/web/static/src/scss/kanban_view.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/addons/web/static/src/scss/kanban_view.scss b/addons/web/static/src/scss/kanban_view.scss
index 8779e8b7073..f2355758153 100644
--- a/addons/web/static/src/scss/kanban_view.scss
+++ b/addons/web/static/src/scss/kanban_view.scss
@@ -45,7 +45,7 @@
 
     .o_kanban_record {
         position: relative;
-        display: inline-block; // Force the creation of a block formatting context to clear float items
+        display: flex;
         border-color: gray('400');
         min-width: 150px;
         margin: 0 0 -1px;
@@ -342,19 +342,19 @@
         }
 
         .o_kanban_image {
-            float: left;
             width: $o-kanban-image-width;
+            flex-shrink: 0;
 
             + div {
-                padding-left: $o-kanban-image-width + $o-kanban-inside-hgutter;
+                padding-left: $o-kanban-inside-hgutter;
                 @include media-breakpoint-down(sm) {
-                    padding-left:  $o-kanban-image-width + $o-kanban-inside-hgutter-mobile;
+                    padding-left: $o-kanban-inside-hgutter-mobile;
                 }
             }
         }
 
         .oe_kanban_details {
-            display: inherit;
+            display: flex;
             flex-flow: column;
             width: 100%;