[gnome-shell/wip/snwh/style-updates] theme: cleaner css for the dash

[Sam Hewitt <snwh src gnome org>]

commit 6aadce247502a6c84f7e91d9f9ba21adc5e69898
Author: Sam Hewitt <sam snwh org>
Date:   Mon Jan 3 12:08:24 2022 -0330

    theme: cleaner css for the dash

 data/theme/gnome-shell-sass/widgets/_dash.scss | 46 +++++++++++++++++---------
 1 file changed, 31 insertions(+), 15 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_dash.scss b/data/theme/gnome-shell-sass/widgets/_dash.scss
index 16ed3bd513..e1a17e2f09 100644
--- a/data/theme/gnome-shell-sass/widgets/_dash.scss
+++ b/data/theme/gnome-shell-sass/widgets/_dash.scss
@@ -5,12 +5,13 @@ $dash_placeholder_size: 32px;
 $dash_padding: $base_padding + 4px; // 10px
 $dash_spacing: $base_padding / 4;
 $dash_bottom_margin: $base_margin * 4;
-$dash_border_radius: $modal_radius + 2px;
+$dash_border_radius: $modal_radius + 8px;
 
+// container for the dash
 #dash {
   @include fontsize($base_font_size - 2);
-  margin-top: $base_spacing * 3;
-  padding: 0 $dash_padding;
+  margin-top: $base_margin * 3;
+  padding: $dash_padding;
 
   .placeholder {
     // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
@@ -24,26 +25,46 @@ $dash_border_radius: $modal_radius + 2px;
     height: $dash_placeholder_size;
   }
 
+  // icon on the dash
   .overview-icon {
-    padding: $dash_padding / 2;
+    padding: $base_padding+2px;
+  }
+
+  // Running app indicator (also shown in dash)
+  .app-well-app-running-dot {
+    height: 5px;
+    width: 5px;
+    border-radius:5px;
+    background-color: $osd_fg_color;
+    margin-bottom: 12px;
   }
 }
 
+// background of the dash behind app icons
 .dash-background {
   background-color: $dash_background_color;
   border-radius: $dash_border_radius;
-  margin-bottom: $dash_bottom_margin;
+  margin-bottom: 0; // this keeps things vertically centered
   padding: $dash_padding;
 }
 
-// Dash Items
-.dash-item-container .app-well-app, .show-apps {
-  padding: $dash_padding $dash_spacing $dash_padding + $dash_bottom_margin;
+// items on the dash
+.dash-item-container {
+
+  // each app item on the dash
+  .app-well-app { padding:0;}
+
+  // show apps button
+  .show-apps {
+    @include overview_icon($osd_fg_color);
+    padding: 0;
+  }
 }
 
+// separator between favourites and running apps
 .dash-separator {
   width: 1px;
-  margin: 0 ($dash_spacing + ($dash_padding / 2)) $dash_bottom_margin;
+  margin: 0 $base_margin*2;
   background-color: transparentize($borders_color,0.5);
 }
 
@@ -54,10 +75,5 @@ $dash_border_radius: $modal_radius + 2px;
   border-radius: 99px;
   padding: $base_padding $base_padding * 2;
   text-align: center;
-  -y-offset: $base_margin * 3; // distance from the dash edge
-}
-
-// Show apps button
-.show-apps {
-  @include overview_icon($osd_fg_color);
+  -y-offset: $base_margin * 2; // distance from the dash edge
 }