From a5a70b05d0795d42d5c0a5376ad08e0acccbf53a Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Sat, 17 Jul 2021 16:54:49 +0300
Subject: [PATCH] Fix Bug 51169

---
 apps/common/mobile/resources/less/common.less | 81 ++++++++++---------
 1 file changed, 44 insertions(+), 37 deletions(-)

diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 1371c75b2..9b9d9ee48 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -383,47 +383,54 @@
     }
 }
 
-.color-palettes {
-    .palette {
-        padding: 8px 0px;
-        a {
-            flex-grow: 1;
-            position: relative;
-            min-width: 10px;
-            min-height: 26px;
-            margin: 1px 1px 0 0;
-            box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
-            &.active:after {
-                content: ' ';
-                position: absolute;
-                width: 100%;
-                height: 100%;
-                box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
-                z-index: 1;
-                border-radius: 1px;
-            }
-            &.transparent {
-                background-repeat: no-repeat;
-                background-size: 100% 100%;
-                .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 22 22' xml:space='preserve'><line stroke='#ff0000' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_1' y2='0' x2='22' y1='22' x1='0' stroke-width='2' fill='none'/></svg>");
+.page {
+    .color-palettes {
+        .list {
+            .palette {
+                padding: 8px 0px;
+                .row {
+                    a {
+                        flex-grow: 1;
+                        position: relative;
+                        min-width: 10px;
+                        min-height: 26px;
+                        margin: 1px 1px 0 0;
+                        box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset;
+                        border-radius: 0;
+                        &.active:after {
+                            content: ' ';
+                            position: absolute;
+                            width: 100%;
+                            height: 100%;
+                            box-shadow: 0 0 0 1px @white, 0 0 0 4px @themeColor;
+                            z-index: 1;
+                            border-radius: 1px;
+                        }
+                        &.transparent {
+                            background-repeat: no-repeat;
+                            background-size: 100% 100%;
+                            .encoded-svg-background("<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 22 22' xml:space='preserve'><line stroke='#ff0000' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_1' y2='0' x2='22' y1='22' x1='0' stroke-width='2' fill='none'/></svg>");
+                        }
+                    }
+                }
             }
         }
-    }
-    .row {
-        padding: 0;
-    }
-    .list .item-inner {
-        display: block;
-    }
-    .standart-colors, .dynamic-colors {
-        .palette {
-            display: flex;
+        .row {
+            padding: 0;
+        }
+        .list .item-inner {
+            display: block;
+        }
+        .standart-colors, .dynamic-colors {
+            .palette {
+                display: flex;
+            }
         }
-    }
 
-    .dynamic-colors {
-        .empty-color {
-            background-color: @white;
+        .dynamic-colors {
+            .empty-color {
+                background-color: @white;
+            }
         }
     }
 }