7 files changed, 43 insertions, 8 deletions
diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index 3429261..6d619cb 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -743,6 +743,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover {
 spinbutton:not(.vertical) > entry:focus + button {
   border-left-color: #2b2e39; }
 
+spinbutton.vertical button, spinbutton.vertical entry {
+  padding-left: 4px;
+  padding-right: 4px;
+  min-width: 0; }
+
 spinbutton.vertical > entry:focus + button {
   border-top-color: #2b2e39; }
 
@@ -1318,7 +1323,7 @@ treeview.view {
       color: #5294E2;
       box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; }
 
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+treeview.view header button {
   min-height: 0;
   min-width: 0;
   padding: 3px 6px;
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index 994e751..2fed205 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover {
 spinbutton:not(.vertical) > entry:focus + button {
   border-left-color: #5294E2; }
 
+spinbutton.vertical button, spinbutton.vertical entry {
+  padding-left: 4px;
+  padding-right: 4px;
+  min-width: 0; }
+
 spinbutton.vertical > entry:focus + button {
   border-top-color: #5294E2; }
 
@@ -1317,7 +1322,7 @@ treeview.view {
       color: #5294E2;
       box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
 
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+treeview.view header button {
   min-height: 0;
   min-width: 0;
   padding: 3px 6px;
diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index 469493f..6633838 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -743,6 +743,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover {
 spinbutton:not(.vertical) > entry:focus + button {
   border-left-color: #2b2e39; }
 
+spinbutton.vertical button, spinbutton.vertical entry {
+  padding-left: 4px;
+  padding-right: 4px;
+  min-width: 0; }
+
 spinbutton.vertical > entry:focus + button {
   border-top-color: #2b2e39; }
 
@@ -1318,7 +1323,7 @@ treeview.view {
       color: #5294E2;
       box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; }
 
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+treeview.view header button {
   min-height: 0;
   min-width: 0;
   padding: 3px 6px;
diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css
index d017aeb..e7a7e2f 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover {
 spinbutton:not(.vertical) > entry:focus + button {
   border-left-color: #5294E2; }
 
+spinbutton.vertical button, spinbutton.vertical entry {
+  padding-left: 4px;
+  padding-right: 4px;
+  min-width: 0; }
+
 spinbutton.vertical > entry:focus + button {
   border-top-color: #5294E2; }
 
@@ -1317,7 +1322,7 @@ treeview.view {
       color: #5294E2;
       box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
 
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+treeview.view header button {
   min-height: 0;
   min-width: 0;
   padding: 3px 6px;
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index e6a7b14..fa55ed0 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover {
 spinbutton:not(.vertical) > entry:focus + button {
   border-left-color: #5294E2; }
 
+spinbutton.vertical button, spinbutton.vertical entry {
+  padding-left: 4px;
+  padding-right: 4px;
+  min-width: 0; }
+
 spinbutton.vertical > entry:focus + button {
   border-top-color: #5294E2; }
 
@@ -1321,7 +1326,7 @@ treeview.view {
       color: #5294E2;
       box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
 
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+treeview.view header button {
   min-height: 0;
   min-width: 0;
   padding: 3px 6px;
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index e405359..fbb5803 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover {
 spinbutton:not(.vertical) > entry:focus + button {
   border-left-color: #5294E2; }
 
+spinbutton.vertical button, spinbutton.vertical entry {
+  padding-left: 4px;
+  padding-right: 4px;
+  min-width: 0; }
+
 spinbutton.vertical > entry:focus + button {
   border-top-color: #5294E2; }
 
@@ -1321,7 +1326,7 @@ treeview.view {
       color: #5294E2;
       box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
 
-treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+treeview.view header button {
   min-height: 0;
   min-width: 0;
   padding: 3px 6px;
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index 684b81e..4545492 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -737,8 +737,13 @@ spinbutton {
     > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); }
   }
   &.vertical {
-    button, entry { @extend %linked_vertical; }
+    button, entry {
+      padding-left: 4px;
+      padding-right: 4px;
+      min-width: 0;
 
+      @extend %linked_vertical;
+    }
     > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); }
   }
 }
@@ -1359,7 +1364,7 @@ treeview.view {
     button {
       $_column_header_color: mix($fg_color,$base_color,80%);
 
-      &, &:hover, &:active { @extend %column_header_button; }
+      @extend %column_header_button;
 
       color: $_column_header_color;
       background-color: $base_color;