From d7b24573317779c7b74d1028750fa775c1866e34 Mon Sep 17 00:00:00 2001
From: Yograj Tandel <yta@odoo.com>
Date: Tue, 22 Jun 2021 14:02:27 +0000
Subject: [PATCH] [IMP] web: color picker adjustment

Before this commit: on smaller screens, in color field, colors are not display
in one line, few colors are coming on second line.

After this commit: colors are now displaying in one line by reducing margin
between color squares.

task-2454346

closes odoo/odoo#66915

Signed-off-by: Simon Genin (ges@odoo) <ges@odoo.com>
---
 addons/web/static/src/legacy/scss/color_picker.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/addons/web/static/src/legacy/scss/color_picker.scss b/addons/web/static/src/legacy/scss/color_picker.scss
index 18eb7aea841..2ff27c59c7e 100644
--- a/addons/web/static/src/legacy/scss/color_picker.scss
+++ b/addons/web/static/src/legacy/scss/color_picker.scss
@@ -2,6 +2,7 @@
     display: flex;
     float: right;
     margin-right: 7px;
+    width: 100%;
     ul {
         display: flex;
         justify-content: flex-end;
@@ -15,6 +16,7 @@
         > li {
             border: 2px solid white;
             box-shadow: 0 0 0 1px gray('300');
+            margin: $o-kanban-inner-hmargin 4px 0 0;
             > a:focus {
                 outline: none;
             }