[libhandy/tabs: 14/62] Style tweaks

[Alexander Mikhaylenko <alexm src gnome org>]

commit f1c29fb240a719e61b69dc7e5b8ea13271747738
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Sat Sep 5 05:39:52 2020 +0500

    Style tweaks

 src/themes/Adwaita-dark.css        |  8 +++-----
 src/themes/Adwaita.css             |  8 +++-----
 src/themes/HighContrast.css        |  8 +++-----
 src/themes/HighContrastInverse.css |  8 +++-----
 src/themes/_Adwaita-base.scss      | 12 ++----------
 src/themes/_shared-base.scss       | 16 +++++++++-------
 src/themes/shared.css              |  2 +-
 7 files changed, 24 insertions(+), 38 deletions(-)
---
diff --git a/src/themes/Adwaita-dark.css b/src/themes/Adwaita-dark.css
index 3529a15f..e23586fe 100644
--- a/src/themes/Adwaita-dark.css
+++ b/src/themes/Adwaita-dark.css
@@ -82,7 +82,7 @@ window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; }
 
 .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; }
 
-tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 20px; min-height: 20px; border-radius: 99px; }
+tabbar .tab-close-button, tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 24px; min-height: 
24px; }
 
 tabbar .tab-secondary-icon:not(.clickable) { background: none; box-shadow: none; border-color: transparent; }
 
@@ -246,11 +246,9 @@ tabbar tab.needs-attention { background-image: radial-gradient(ellipse at bottom
 
 tabbar tab .tab-contents { padding: 6px; }
 
-tabbar tab .tab-secondary-icon { padding: 0; min-width: 20px; min-height: 20px; border-radius: 10px; }
+tabbar tab .tab-close-button, tabbar tab .tab-secondary-icon { border-radius: 99px; }
 
-tabbar tab .tab-close-button { margin: 0; padding: 0; border-radius: 9999px; }
-
-tabbar tab .tab-close-button:not(:hover) { border-color: transparent; }
+tabbar tab .tab-close-button:not(:hover), tabbar tab .tab-secondary-icon:not(:hover) { border-color: 
transparent; }
 
 tabbar .start-action, tabbar .end-action { background: #1e1e1e; border-color: #070707; border-style: solid; 
transition: background 150ms ease-in-out; }
 
diff --git a/src/themes/Adwaita.css b/src/themes/Adwaita.css
index ac1c53e7..4036b9de 100644
--- a/src/themes/Adwaita.css
+++ b/src/themes/Adwaita.css
@@ -82,7 +82,7 @@ window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; }
 
 .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; }
 
-tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 20px; min-height: 20px; border-radius: 99px; }
+tabbar .tab-close-button, tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 24px; min-height: 
24px; }
 
 tabbar .tab-secondary-icon:not(.clickable) { background: none; box-shadow: none; border-color: transparent; }
 
@@ -246,11 +246,9 @@ tabbar tab.needs-attention { background-image: radial-gradient(ellipse at bottom
 
 tabbar tab .tab-contents { padding: 6px; }
 
-tabbar tab .tab-secondary-icon { padding: 0; min-width: 20px; min-height: 20px; border-radius: 10px; }
+tabbar tab .tab-close-button, tabbar tab .tab-secondary-icon { border-radius: 99px; }
 
-tabbar tab .tab-close-button { margin: 0; padding: 0; border-radius: 9999px; }
-
-tabbar tab .tab-close-button:not(:hover) { border-color: transparent; }
+tabbar tab .tab-close-button:not(:hover), tabbar tab .tab-secondary-icon:not(:hover) { border-color: 
transparent; }
 
 tabbar .start-action, tabbar .end-action { background: #cdc7c2; border-color: #bfb8b1; border-style: solid; 
transition: background 150ms ease-in-out; }
 
diff --git a/src/themes/HighContrast.css b/src/themes/HighContrast.css
index 748bf0ce..38b5e2f9 100644
--- a/src/themes/HighContrast.css
+++ b/src/themes/HighContrast.css
@@ -82,7 +82,7 @@ window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; }
 
 .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; }
 
-tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 20px; min-height: 20px; border-radius: 99px; }
+tabbar .tab-close-button, tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 24px; min-height: 
24px; }
 
 tabbar .tab-secondary-icon:not(.clickable) { background: none; box-shadow: none; border-color: transparent; }
 
@@ -246,11 +246,9 @@ tabbar tab.needs-attention { background-image: radial-gradient(ellipse at bottom
 
 tabbar tab .tab-contents { padding: 6px; }
 
-tabbar tab .tab-secondary-icon { padding: 0; min-width: 20px; min-height: 20px; border-radius: 10px; }
+tabbar tab .tab-close-button, tabbar tab .tab-secondary-icon { border-radius: 99px; }
 
-tabbar tab .tab-close-button { margin: 0; padding: 0; border-radius: 9999px; }
-
-tabbar tab .tab-close-button:not(:hover) { border-color: transparent; }
+tabbar tab .tab-close-button:not(:hover), tabbar tab .tab-secondary-icon:not(:hover) { border-color: 
transparent; }
 
 tabbar .start-action, tabbar .end-action { background: #d4cfca; border-color: #6e645a; border-style: solid; 
transition: background 150ms ease-in-out; }
 
diff --git a/src/themes/HighContrastInverse.css b/src/themes/HighContrastInverse.css
index a29f8123..9cafe129 100644
--- a/src/themes/HighContrastInverse.css
+++ b/src/themes/HighContrastInverse.css
@@ -82,7 +82,7 @@ window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; }
 
 .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; }
 
-tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 20px; min-height: 20px; border-radius: 99px; }
+tabbar .tab-close-button, tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 24px; min-height: 
24px; }
 
 tabbar .tab-secondary-icon:not(.clickable) { background: none; box-shadow: none; border-color: transparent; }
 
@@ -246,11 +246,9 @@ tabbar tab.needs-attention { background-image: radial-gradient(ellipse at bottom
 
 tabbar tab .tab-contents { padding: 6px; }
 
-tabbar tab .tab-secondary-icon { padding: 0; min-width: 20px; min-height: 20px; border-radius: 10px; }
+tabbar tab .tab-close-button, tabbar tab .tab-secondary-icon { border-radius: 99px; }
 
-tabbar tab .tab-close-button { margin: 0; padding: 0; border-radius: 9999px; }
-
-tabbar tab .tab-close-button:not(:hover) { border-color: transparent; }
+tabbar tab .tab-close-button:not(:hover), tabbar tab .tab-secondary-icon:not(:hover) { border-color: 
transparent; }
 
 tabbar .start-action, tabbar .end-action { background: #191919; border-color: #4e4e4e; border-style: solid; 
transition: background 150ms ease-in-out; }
 
diff --git a/src/themes/_Adwaita-base.scss b/src/themes/_Adwaita-base.scss
index fe4dec2a..e17747e9 100644
--- a/src/themes/_Adwaita-base.scss
+++ b/src/themes/_Adwaita-base.scss
@@ -496,17 +496,9 @@ tabbar {
       padding: 6px;
     }
 
+    .tab-close-button,
     .tab-secondary-icon {
-      padding: 0;
-      min-width: 20px;
-      min-height: 20px;
-      border-radius: 10px;
-    }
-
-    .tab-close-button {
-      margin: 0;
-      padding: 0;
-      border-radius: 9999px;
+      border-radius: 99px;
 
       &:not(:hover) {
         border-color: transparent;
diff --git a/src/themes/_shared-base.scss b/src/themes/_shared-base.scss
index c3509fa5..0cd3ead6 100644
--- a/src/themes/_shared-base.scss
+++ b/src/themes/_shared-base.scss
@@ -20,14 +20,16 @@ window.csd.unified:not(.solid-csd) {
   }
 }
 
-tabbar .tab-secondary-icon {
-  padding: 0;
-  margin: 0;
-  min-width: 20px;
-  min-height: 20px;
-  border-radius: 99px;
+tabbar {
+  .tab-close-button,
+  .tab-secondary-icon {
+    padding: 0;
+    margin: 0;
+    min-width: 24px;
+    min-height: 24px;
+  }
 
-  &:not(.clickable) {
+  .tab-secondary-icon:not(.clickable) {
     background: none;
     box-shadow: none;
     border-color: transparent;
diff --git a/src/themes/shared.css b/src/themes/shared.css
index f5f2eb59..0fc80fad 100644
--- a/src/themes/shared.css
+++ b/src/themes/shared.css
@@ -5,6 +5,6 @@ window.csd.unified:not(.solid-csd) headerbar { border-radius: 0; }
 
 .windowhandle, .windowhandle * { -GtkWidget-window-dragging: true; }
 
-tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 20px; min-height: 20px; border-radius: 99px; }
+tabbar .tab-close-button, tabbar .tab-secondary-icon { padding: 0; margin: 0; min-width: 24px; min-height: 
24px; }
 
 tabbar .tab-secondary-icon:not(.clickable) { background: none; box-shadow: none; border-color: transparent; }