Reduce the spacing between top bar icons

This commit is contained in:
Kevin MacMartin 2023-10-10 00:31:45 -04:00
parent ae873576ba
commit 0185515e2a

View file

@ -22,13 +22,13 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
// panel menus // panel menus
.panel-button { .panel-button {
@include panel_button($bg: $panel_fg_color, $border_radius: 3px); @include panel_button($bg: $panel_fg_color, $border_radius: 3px);
-natural-hpadding: $base_padding * 2; -natural-hpadding: 6px;
-minimum-hpadding: $base_padding; -minimum-hpadding: 4px;
// status area icons // status area icons
.system-status-icon { .system-status-icon {
icon-size: $base_icon_size; icon-size: $base_icon_size;
padding: $base_padding - 1px; padding: ($base_padding - 1px) 0px ($base_padding - 1px) 0px;
margin: 0 $base_margin; margin: 0 $base_margin;
} }
@ -44,7 +44,8 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
} }
&#panelActivities { &#panelActivities {
-natural-hpadding: $base_padding * 2.5; -natural-hpadding: 10px;
-minimum-hpadding: 8px;
& StBoxLayout { & StBoxLayout {
spacing: 5px; 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 // we want to exclude the do-not-disturb indicator from the background
// see _drawing.scss for override details // see _drawing.scss for override details
@include panel_button($highlighted_child: true, $child_class:".clock", $border_radius: 3px); @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 { .clock {
// the highlighted child // 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 { .panel-status-menu-box {
spacing: 2px; spacing: 2px;
} }
@ -151,7 +161,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
.clock-display-box { .clock-display-box {
spacing: 2px; spacing: 2px;
.clock { .clock {
padding-left: $base_padding * 2; padding-left: 8px;
padding-right: $base_padding * 2; padding-right: 8px;
}
StIcon:last-child {
margin-right: 3px;
} }
} }