From 237bf93af949f40fee93e1860d8a415cc9468070 Mon Sep 17 00:00:00 2001
From: Martin Geubelle <mge@odoo.com>
Date: Tue, 30 Jun 2015 15:40:15 +0200
Subject: [PATCH] [IMP] web_kanban: use flex for progress bar instead of
 hard-coded width

---
 .../static/src/less/hr_recruitment_dashboard.less    | 11 -----------
 .../mass_mailing/static/src/less/mass_mailing.less   |  9 ---------
 addons/web_kanban/static/src/less/kanban_view.less   | 12 ++++++++----
 3 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/addons/hr_recruitment/static/src/less/hr_recruitment_dashboard.less b/addons/hr_recruitment/static/src/less/hr_recruitment_dashboard.less
index e1a784890a3..7b1e83ceb4f 100644
--- a/addons/hr_recruitment/static/src/less/hr_recruitment_dashboard.less
+++ b/addons/hr_recruitment/static/src/less/hr_recruitment_dashboard.less
@@ -2,16 +2,5 @@
 	.o_kanban_record {
 		max-width: 500px;
 		min-width: 450px;
-
-		.o_progressbar_title {
-			width: 25%;
-		}
-		.o_progress {
-			width: 60%;
-		}
-		.o_progressbar_value {
-			width: 15%;
-		}
-
 	}
 }
\ No newline at end of file
diff --git a/addons/mass_mailing/static/src/less/mass_mailing.less b/addons/mass_mailing/static/src/less/mass_mailing.less
index b274a540e49..24b1bd08615 100644
--- a/addons/mass_mailing/static/src/less/mass_mailing.less
+++ b/addons/mass_mailing/static/src/less/mass_mailing.less
@@ -1,14 +1,5 @@
 .o_kanban_view {
     .oe_kanban_mass_mailing {
-        .o_progressbar .o_progressbar_title {
-            width: 25%;
-        }
-        .o_progressbar .o_progress {
-            width: 50%;
-        }
-        .o_progressbar .o_progressbar_value {
-            width: 25%;
-        }
         .o_title {
             margin-bottom: 16px;
         }
diff --git a/addons/web_kanban/static/src/less/kanban_view.less b/addons/web_kanban/static/src/less/kanban_view.less
index bcbc67cdbd2..24d71629b34 100644
--- a/addons/web_kanban/static/src/less/kanban_view.less
+++ b/addons/web_kanban/static/src/less/kanban_view.less
@@ -300,15 +300,19 @@
             }
         }
         .o_progressbar {
+
+            .o-flex-display();
+
             .o_progressbar_title {
-                width: 20%;
+                .o-flex(0, 0, auto);
             }
             .o_progress {
-                width: 60%;
-                height: 15px;
+                margin-top: 3px;
+                .o-flex(1, 1, auto);
             }
             .o_progressbar_value {
-                width: 20%;
+                .o-flex(0, 0, auto);
+                width: auto;
                 text-align: right;
             }
         }