[FIX] web: fix rating kanban card layout

Revision on 7ecae335

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

@@ -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%;