shrink standalone osd buttons

7 files changed, 21 insertions, 14 deletions

diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index 3e22dfe..7ec36a9 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -295,8 +295,9 @@ button {
     background-color: rgba(53, 57, 69, 0.95);
     border-color: rgba(35, 38, 46, 0.95); }
     button.osd.image-button {
-      min-height: 48px;
-      min-width: 48px; }
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px; }
     button.osd:hover {
       color: #5294E2; }
     button.osd:active, button.osd:checked {
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index 0fc5268..f5a899b 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -294,8 +294,9 @@ button {
     background-color: rgba(53, 57, 69, 0.95);
     border-color: rgba(35, 38, 46, 0.95); }
     button.osd.image-button {
-      min-height: 48px;
-      min-width: 48px; }
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px; }
     button.osd:hover {
       color: #5294E2; }
     button.osd:active, button.osd:checked {
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 14606ac..58789ba 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -295,8 +295,9 @@ button {
     background-color: #353945;
     border-color: #23262e; }
     button.osd.image-button {
-      min-height: 48px;
-      min-width: 48px; }
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px; }
     button.osd:hover {
       color: #5294E2; }
     button.osd:active, button.osd:checked {
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 d7b5b20..8513488 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -294,8 +294,9 @@ button {
     background-color: #353945;
     border-color: #23262e; }
     button.osd.image-button {
-      min-height: 48px;
-      min-width: 48px; }
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px; }
     button.osd:hover {
       color: #5294E2; }
     button.osd:active, button.osd:checked {
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index 19216a0..8df4360 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -294,8 +294,9 @@ button {
     background-color: #353945;
     border-color: #23262e; }
     button.osd.image-button {
-      min-height: 48px;
-      min-width: 48px; }
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px; }
     button.osd:hover {
       color: #5294E2; }
     button.osd:active, button.osd:checked {
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index dd63b38..f82a41e 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -294,8 +294,9 @@ button {
     background-color: rgba(53, 57, 69, 0.95);
     border-color: rgba(35, 38, 46, 0.95); }
     button.osd.image-button {
-      min-height: 48px;
-      min-width: 48px; }
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px; }
     button.osd:hover {
       color: #5294E2; }
     button.osd:active, button.osd:checked {
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index d041833..59f4a99 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -362,8 +362,9 @@ button {
     border-color: darken($osd_bg_color, 8%);
 
     &.image-button {
-      min-height: 48px;
-      min-width: 48px;
+      padding: 0;
+      min-height: 36px;
+      min-width: 36px;
     }
 
     &:hover { color: $selected_bg_color; }