Reordering Spinbutton below .button rules

Signed-off-by: Manuel Quiñones <manuq@laptop.org>

1 files changed, 24 insertions, 25 deletions

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index 8299d53..4846eee 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -120,7 +120,30 @@ icon_large = icon_base * 5
     -GtkCheckButton-indicator-spacing: 3;
 }
 
-/* spinbutton should be *above* button */
+.button {
+    ${ border = max(0, my_ceil((3*subcell_size/2.0 - icon_small / 2.0))) }
+    /* It would be nicer to just set the inner-border, but that does not work
+       for combo boxes ... The combobox ignores it, so set it to 0px
+       See http://bugzilla.gnome.org/show_bug.cgi?id=485762 */
+
+    -GtkButton-inner-border: 0 0 0 0;
+    padding: $(border)px $(border)px $(border)px $(border)px;
+
+    border-radius: $(2*subcell_size);
+    background-color: @button_grey;
+    color: @white;
+}
+
+.button * {
+    color: @white;
+}
+
+.button:focused {
+    border-width: $(thickness);
+    border-color: @white;
+    border-style: solid;
+}
+
 .spinbutton {
     ${ spin_ythickness = my_ceil(3*subcell_size - font_height) }
     ${ spin_xthickness = subcell_size }
@@ -153,30 +176,6 @@ icon_large = icon_base * 5
     color: @button_grey;
 }
 
-.button {
-    ${ border = max(0, my_ceil((3*subcell_size/2.0 - icon_small / 2.0))) }
-    /* It would be nicer to just set the inner-border, but that does not work
-       for combo boxes ... The combobox ignores it, so set it to 0px
-       See http://bugzilla.gnome.org/show_bug.cgi?id=485762 */
-
-    -GtkButton-inner-border: 0 0 0 0;
-    padding: $(border)px $(border)px $(border)px $(border)px;
-
-    border-radius: $(2*subcell_size);
-    background-color: @button_grey;
-    color: @white;
-}
-
-.button * {
-    color: @white;
-}
-
-.button:focused {
-    border-width: $(thickness);
-    border-color: @white;
-    border-style: solid;
-}
-
 GtkToggleButton.button:active {
     background-color: @white;
 }