[FIX] web_kanban, project: flex layout for project dashboard

In chrome, there was a gap at the end of the dashboard because of :
* after/before element in kanban record
* flex items were able to reduce their size

1 files changed, 6 insertions, 11 deletions

diff --git a/addons/project/static/src/less/project_dashboard.less b/addons/project/static/src/less/project_dashboard.less
index e47f36a4f0a..77ebf92d031 100644
--- a/addons/project/static/src/less/project_dashboard.less
+++ b/addons/project/static/src/less/project_dashboard.less
@@ -1,18 +1,15 @@
 .o_kanban_view.o_kanban_dashboard.o_project_kanban {
 
-    .o_kanban_flexbox {
+    .o_kanban_record {
         .o-flex-display();
         position: relative;
     }
 
-    .o_kanban_record {
-        min-width: 300px;
-    }
-
     .o_project_kanban_main {
+        .o-flex(1, 0, 0);
+
         // give space for manage section at the bottom
         margin-bottom: 40px;
-        width: 70%;
 
         .o_kanban_card_content {
             font-size: 12px;
@@ -40,12 +37,10 @@
     }
 
     .o_project_kanban_boxes {
+        .o-flex(0, 0, 30%);
+
         .o-flex-display();
         .o-flex-flow(column, nowrap);
-        .o-justify-content(flex-end);
-        .o-align-content(stretch);
-
-        width: 30%;
 
         > a:hover {
             text-decoration: none;
@@ -76,4 +71,4 @@
             background-color: @odoo-brand-optional;
         }
     }
-}
\ No newline at end of file
+}