From 0185515e2a587d8b2810d871d323a154f0d5a824 Mon Sep 17 00:00:00 2001 From: Kevin MacMartin Date: Tue, 10 Oct 2023 00:31:45 -0400 Subject: [PATCH] Reduce the spacing between top bar icons --- gnome-shell-sass/widgets/_panel.scss | 28 +++++++++++++++++++++------- 1 file changed, 21 insertions(+), 7 deletions(-) diff --git a/gnome-shell-sass/widgets/_panel.scss b/gnome-shell-sass/widgets/_panel.scss index dfa4e70..c1d32c6 100644 --- a/gnome-shell-sass/widgets/_panel.scss +++ b/gnome-shell-sass/widgets/_panel.scss @@ -22,13 +22,13 @@ $panel_transition_duration: 250ms; // same as the overview transition duration // panel menus .panel-button { @include panel_button($bg: $panel_fg_color, $border_radius: 3px); - -natural-hpadding: $base_padding * 2; - -minimum-hpadding: $base_padding; + -natural-hpadding: 6px; + -minimum-hpadding: 4px; // status area icons .system-status-icon { icon-size: $base_icon_size; - padding: $base_padding - 1px; + padding: ($base_padding - 1px) 0px ($base_padding - 1px) 0px; margin: 0 $base_margin; } @@ -44,7 +44,8 @@ $panel_transition_duration: 250ms; // same as the overview transition duration } &#panelActivities { - -natural-hpadding: $base_padding * 2.5; + -natural-hpadding: 10px; + -minimum-hpadding: 8px; & StBoxLayout { spacing: 5px; @@ -84,6 +85,10 @@ $panel_transition_duration: 250ms; // same as the overview transition duration // we want to exclude the do-not-disturb indicator from the background // see _drawing.scss for override details @include panel_button($highlighted_child: true, $child_class:".clock", $border_radius: 3px); + -natural-hpadding: 0px; + -minimum-hpadding: 0px; + padding-left: 0px; + padding-right: 0px; .clock { // the highlighted child @@ -121,7 +126,12 @@ $panel_transition_duration: 250ms; // same as the overview transition duration } } - .panel-status-indicators-box, + .panel-status-indicators-box { + spacing: 8px; + padding-right: 2px; + padding-left: 3px; + } + .panel-status-menu-box { spacing: 2px; } @@ -151,7 +161,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration .clock-display-box { spacing: 2px; .clock { - padding-left: $base_padding * 2; - padding-right: $base_padding * 2; + padding-left: 8px; + padding-right: 8px; + } + + StIcon:last-child { + margin-right: 3px; } }