Optimize buttons. Fixes #452

This only sets minimum button height-width to 16px so that gtk-widgets can use lowest icon-size at 16x16px.

Author: khurshid-alam

gtk-3.20/scss/apps/_nemo.scss

@@ -47,7 +47,8 @@
             }
 
             &.primary-toolbar button {
-                padding: 5px 6px;
+                min-width: 28px;
+                padding: 3px;
             }
 
             /* Path Bar */
@@ -66,8 +67,8 @@
         grid {
             > widget:last-child {
                 button {
-                    min-height: 15px;
-                    min-width: 20px;
+                    min-height: 16px;
+                    min-width: 16px;
                 }
 
                 button:first-child {

gtk-3.20/scss/widgets/_button.scss

@@ -43,6 +43,8 @@
     }
 
     %button {
+        min-height: 16px;
+        min-width: 16px;
         padding: $spacing ($spacing + 2px);
         border-width: 1px;
         border-style: solid;
@@ -372,8 +374,6 @@
     }
 
     button {
-        min-height: 22px;
-        min-width: 24px;
         @include button(shade($bg_color, 1.2), $fg_color);
 
         .inline-toolbar &,
@@ -494,7 +494,7 @@
 
         box button, box entry {
             @extend %linked_button;
-            padding: ($spacing - 2px) ($spacing + 1px);
+            padding: $spacing ($spacing + 2px);
         }
 
         .linked:not(.vertical) > & > box > button.combo {

gtk-3.20/scss/widgets/_misc.scss

@@ -249,7 +249,7 @@
     // shortcut window keys
     .keycap {
         min-width: 20px;
-        min-height: 25px;
+        min-height: 24px;
         margin-top: 2px;
         padding-bottom: $spacing / 2;
         padding-left: $spacing;
@@ -278,11 +278,11 @@
 
 @include exports("stackswitcher") {
     stackswitcher button {
-        &.text-button { min-width: 90px; } // FIXME aggregate with buttons
+        &.text-button { min-width: 80px; } // FIXME aggregate with buttons
 
         &.circular {  // FIXME aggregate with buttons
-            min-width: 32px;
-            min-height: 32px;
+            min-width: 28px;
+            min-height: 28px;
             padding: 0;
         }
     }

gtk-3.20/scss/widgets/_notebook.scss

@@ -153,10 +153,7 @@
                 outline: none;
 
                 button, button:hover {
-                    padding: $spacing - 4;
                     margin-left: 15px;
-                    min-height: 18px;
-                    min-width: 18px;
                     opacity: 0;
                     transition: opacity .3s ease-in;
                 }
@@ -198,7 +195,9 @@
                 }
 
                 /* close button styling */
-                button {
+                button.flat {
+                    min-height: 16px;
+                    min-width: 16px;
                     @extend %close_button;
                 }
             }