sidebar: configure: save settings

.config/ags/scss/_common.scss

@@ -306,14 +306,53 @@ widget {
 
 .spinbutton {
     @include small-rounding;
+    color: $onLayer2;
     background-color: $layer2;
-    padding: 0.341rem;
+    min-width: 2.045rem;
+    min-height: 2.045rem;
+    caret-color: $onLayer2;
+
     entry {
         color: $onLayer2;
-        margin: 0.136rem 0.273rem;
+        margin: 0.477rem 0.614rem;
     }
+
     button {
-        margin-left: 0.205rem;
-        padding: 0.136rem;
+        @include unsharpen-rounding;
+        min-width: 2.045rem;
+        min-height: 2.045rem;
+        -gtk-outline-radius: $rounding_small;
     }
+
+    button.up {
+        // Only apply rounding to (+) button
+        border-top-right-radius: $rounding_small;
+        border-bottom-right-radius: $rounding_small;
+    }
+
+    // button:focus, // Looks weird after clicking cuz it'll highlight both + and -
+    button:hover {
+        background-color: $layer2Hover;
+    }
+
+    button:active {
+        background-color: $layer2Active;
+    }
+}
+
+.spinbutton-reset {
+    @include small-rounding;
+    color: $onLayer2;
+    background-color: $layer2;
+    min-width: 2.045rem;
+    min-height: 2.045rem;
+}
+
+.spinbutton-reset:focus,
+.spinbutton-reset:hover {
+    background-color: $layer2Hover;
+}
+
+.spinbutton-reset:active {
+    background-color: $layer2Active;
 }

.config/ags/scss/_lib_mixins.scss

@@ -1,6 +1,7 @@
 // Common colors
 $hovercolor: $surfaceContainerHigh;
 $activecolor: $surfaceContainerHighest;
+$rounding_unsharpen: 0.136rem;
 $rounding_verysmall: 0.477rem;
 $rounding_small: 0.818rem;
 $rounding_mediumsmall: 0.955rem;
@@ -9,6 +10,10 @@ $rounding_mediumlarge: 1.364rem;
 $rounding_large: 1.705rem;
 
 // Common rules
+@mixin unsharpen-rounding {
+    border-radius: $rounding_unsharpen;
+}
+
 @mixin small-rounding {
     border-radius: $rounding_small;
     -gtk-outline-radius: $rounding_small;

.config/ags/scss/_sidebars.scss

@@ -1041,6 +1041,10 @@ $waifu_image_overlay_transparency: 0.7;
     background: linear-gradient(to top, $layer1 0%, transparentize($layer1, 1) 1.023rem);
 }
 
+.sidebar-centermodules-scrollgradient-bottom-contentmargin {
+    margin-bottom: 1.023rem;
+}
+
 .sidebar-wifinetworks-network-button {
     @include full-rounding;
     @include element_decel;