[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,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;
             }