From 93e843589063152c5d60c3aef9f9bd9c47b625d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20K=C3=BChn?= <aku@odoo.com>
Date: Thu, 30 Apr 2020 11:11:56 +0000
Subject: [PATCH] [REV] "[FIX] web: fix rating kanban card layout"

This reverts commit 715ef9fc2684dc875cf82ee312f20575ed42f94d.

Purpose of commit above was to fix an issue in kanban view
CSS introduced by 7ecae3357117b1fd9889540556d5eba14ef8f237

This commit, however broke more kanban views. This happened
because the original commit changed a CSS rule with flex, and
commit above attempted to fix the issue by turning problematic
UI elements to their flex equivalence.

This change is too broad and unsafe, so the better decision is
to revert them.

Task-Id 2237638

X-original-commit: 6badf3839147c0b9a475247699227ed304bd402d
---
 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 f2355758153..8779e8b7073 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: flex;
+        display: inline-block; // Force the creation of a block formatting context to clear float items
         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-inside-hgutter;
+                padding-left: $o-kanban-image-width + $o-kanban-inside-hgutter;
                 @include media-breakpoint-down(sm) {
-                    padding-left: $o-kanban-inside-hgutter-mobile;
+                    padding-left:  $o-kanban-image-width + $o-kanban-inside-hgutter-mobile;
                 }
             }
         }
 
         .oe_kanban_details {
-            display: flex;
+            display: inherit;
             flex-flow: column;
             width: 100%;