Pull request #916: feature/AG-8661 fix styles

Merge in EXTENSIONS/browser-extension from feature/AG-8661 to feature/AG-2737 Squashed commit of the following: commit 19520ad Author: Vladimir Zhelvis <v.zhelvis@adguard.com> Date: Fri Jun 18 15:26:05 2021 +0300 change column padding in filtering event table commit c59f892 Author: Vladimir Zhelvis <v.zhelvis@adguard.com> Date: Fri Jun 18 15:12:40 2021 +0300 add invisible space for margin options in select
AdguardTeam · Jun 18, 2021 · 8eb2d9f · 8eb2d9f
1 parent ae86da0
commit 8eb2d9f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/Extension/src/pages/common/components/ui/Select/Select.jsx b/Extension/src/pages/common/components/ui/Select/Select.jsx
@@ -6,7 +6,14 @@ import './select.pcss';
 
 const renderOptions = (options) => options.map((option) => {
     const { value, title } = option;
-    return <option key={value} value={value}>{title}</option>;
+
+    // &#8201 - Invisible thin space
+    return (
+        <option key={value} value={value}>
+            &#8201;
+            {title}
+        </option>
+    );
 });
 
 const Select = (props) => {

diff --git a/Extension/src/pages/filtering-log/components/FilteringEvents/filtering-events.pcss b/Extension/src/pages/filtering-log/components/FilteringEvents/filtering-events.pcss
@@ -230,7 +230,7 @@
         }
 
         & .th, & .td {
-            padding: 0 25px;
+            padding: 0 10px;
             height: 30px;
             display: inline-block;
             width: 20%;