[libhandy/wip/exalm/more-fixes: 3/5] theme: Fix viewswitcher padding

[Alexander Mikhaylenko <alexm src gnome org>]

commit 55c6c82f7a62d6d08a63830039f590f5ff0d3487
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Wed Jan 19 17:27:06 2022 +0500

    theme: Fix viewswitcher padding
    
    Fixes https://gitlab.gnome.org/GNOME/libhandy/-/issues/446

 src/themes/Adwaita-dark.css        |  4 ++++
 src/themes/Adwaita.css             |  4 ++++
 src/themes/HighContrast.css        |  4 ++++
 src/themes/HighContrastInverse.css |  4 ++++
 src/themes/_Adwaita-base.scss      | 10 ++++++++++
 5 files changed, 26 insertions(+)
---
diff --git a/src/themes/Adwaita-dark.css b/src/themes/Adwaita-dark.css
index 51a62937..902fe48b 100644
--- a/src/themes/Adwaita-dark.css
+++ b/src/themes/Adwaita-dark.css
@@ -168,6 +168,10 @@ viewswitcher button > stack > box.narrow image, viewswitcher button > stack > bo
 
 viewswitcher button > stack > box.wide { padding: 8px 12px; }
 
+viewswitcher button > stack > box.wide image:dir(ltr) { padding-left: 7px; }
+
+viewswitcher button > stack > box.wide image:dir(rtl) { padding-right: 7px; }
+
 viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; }
 
 viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; }
diff --git a/src/themes/Adwaita.css b/src/themes/Adwaita.css
index 6bb32a88..38020e99 100644
--- a/src/themes/Adwaita.css
+++ b/src/themes/Adwaita.css
@@ -168,6 +168,10 @@ viewswitcher button > stack > box.narrow image, viewswitcher button > stack > bo
 
 viewswitcher button > stack > box.wide { padding: 8px 12px; }
 
+viewswitcher button > stack > box.wide image:dir(ltr) { padding-left: 7px; }
+
+viewswitcher button > stack > box.wide image:dir(rtl) { padding-right: 7px; }
+
 viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; }
 
 viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; }
diff --git a/src/themes/HighContrast.css b/src/themes/HighContrast.css
index 80d032b7..88155f12 100644
--- a/src/themes/HighContrast.css
+++ b/src/themes/HighContrast.css
@@ -168,6 +168,10 @@ viewswitcher button > stack > box.narrow image, viewswitcher button > stack > bo
 
 viewswitcher button > stack > box.wide { padding: 8px 12px; }
 
+viewswitcher button > stack > box.wide image:dir(ltr) { padding-left: 7px; }
+
+viewswitcher button > stack > box.wide image:dir(rtl) { padding-right: 7px; }
+
 viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; }
 
 viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; }
diff --git a/src/themes/HighContrastInverse.css b/src/themes/HighContrastInverse.css
index d76470b1..dfab658b 100644
--- a/src/themes/HighContrastInverse.css
+++ b/src/themes/HighContrastInverse.css
@@ -168,6 +168,10 @@ viewswitcher button > stack > box.narrow image, viewswitcher button > stack > bo
 
 viewswitcher button > stack > box.wide { padding: 8px 12px; }
 
+viewswitcher button > stack > box.wide image:dir(ltr) { padding-left: 7px; }
+
+viewswitcher button > stack > box.wide image:dir(rtl) { padding-right: 7px; }
+
 viewswitcher button > stack > box.wide label:dir(ltr) { padding-right: 7px; }
 
 viewswitcher button > stack > box.wide label:dir(rtl) { padding-left: 7px; }
diff --git a/src/themes/_Adwaita-base.scss b/src/themes/_Adwaita-base.scss
index 997e4d90..389d1da4 100644
--- a/src/themes/_Adwaita-base.scss
+++ b/src/themes/_Adwaita-base.scss
@@ -172,6 +172,16 @@ viewswitcher {
       &.wide {
         padding: 8px 12px;
 
+        image {
+          &:dir(ltr) {
+            padding-left: 7px;
+          }
+
+          &:dir(rtl) {
+            padding-right: 7px;
+          }
+        }
+
         label {
           &:dir(ltr) {
             padding-right: 7px;