[libadwaita/wip/exalm/view-switcher-simple: 6/7] stylesheet: Don't make wide view switcher edge to edge

[Alexander Mikhaylenko <alexm src gnome org>]

commit d392ae67cce3c967a9b675ec540d35358260ed9f
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Nov 26 18:55:48 2021 +0500

    stylesheet: Don't make wide view switcher edge to edge

 src/stylesheet/widgets/_view-switcher.scss | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)
---
diff --git a/src/stylesheet/widgets/_view-switcher.scss b/src/stylesheet/widgets/_view-switcher.scss
index 529b88e5..b722be38 100644
--- a/src/stylesheet/widgets/_view-switcher.scss
+++ b/src/stylesheet/widgets/_view-switcher.scss
@@ -1,15 +1,13 @@
 viewswitcher {
-  &, & button.toggle {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+
+  &.wide {
+    border-spacing: 3px;
   }
 
-  button.toggle {
+  &.narrow button.toggle {
     border-radius: 0;
-    border-top: none;
-    border-bottom: none;
-    font-size: 1rem;
-    font-weight: inherit;
+    margin: 0;
 
     @if $contrast == 'high' {
       &:hover,
@@ -20,6 +18,12 @@ viewswitcher {
                     inset -1px 0 $border_color;
       }
     }
+  }
+
+  button.toggle {
+    font-size: 1rem;
+    font-weight: inherit;
+    padding: 0;
 
     > stack > box {
       &.narrow {
@@ -35,7 +39,7 @@ viewswitcher {
       }
 
       &.wide {
-        padding: 8px 12px;
+        padding: 2px 12px;
         border-spacing: 6px;
       }