[gnome-shell/wip/snwh/search-layout-changes: 5/5] style: Cleanup search stylesheet components

[Sam Hewitt <snwh src gnome org>]

commit c02536b6ccb7c6d6475bc0233dbe517fe803651f
Author: Sam Hewitt <sam snwh org>
Date:   Fri May 27 10:42:15 2022 -0230

    style: Cleanup search stylesheet components

 data/theme/gnome-shell-sass/_common.scss           |  2 +-
 data/theme/gnome-shell-sass/_drawing.scss          |  1 +
 .../gnome-shell-sass/widgets/_search-results.scss  | 87 ++++++++--------------
 .../widgets/_workspace-switcher.scss               |  1 +
 4 files changed, 36 insertions(+), 55 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index c6e64766ef..3daffe7a03 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -69,8 +69,8 @@ stage {
   color: $osd_fg_color;
   background-color: $osd_bg_color;
   border: 1px solid $osd_outer_borders_color;
-  border-radius: 999px;
   padding: $base_padding*2;
+  border-radius: $modal_radius;
 }
 
 // Overview panels
diff --git a/data/theme/gnome-shell-sass/_drawing.scss b/data/theme/gnome-shell-sass/_drawing.scss
index 10c1c3f3fc..e7d2360317 100644
--- a/data/theme/gnome-shell-sass/_drawing.scss
+++ b/data/theme/gnome-shell-sass/_drawing.scss
@@ -233,6 +233,7 @@ $button_bg_color: mix($tc, $c, 5%);
 // tile
 @mixin tile_button($color, $flat: true) {
   @extend %tile;
+  border-radius: $base_border_radius+3px;
   @if $flat {
     background-color: transparent;
   } @else {
diff --git a/data/theme/gnome-shell-sass/widgets/_search-results.scss 
b/data/theme/gnome-shell-sass/widgets/_search-results.scss
index 2da4cf7956..b3ba478968 100644
--- a/data/theme/gnome-shell-sass/widgets/_search-results.scss
+++ b/data/theme/gnome-shell-sass/widgets/_search-results.scss
@@ -3,60 +3,42 @@
 // search overview container
 #searchResults {
   margin: 0 $base_margin;
-}
 
-#searchResultsContent {
-  max-width: 1072px;
+  #searchResultsContent {
+    max-width: 1044px; // exactly the width of 6 app results (896px for 5)
+  }
 }
 
 // search results sections "the boxes"
 .search-section {
+  .search-section-content {}
 
-  // separator (unstyled)
-  .search-section-separator { 
-    height: $base_margin*2; // use it as a spacer
-    background-color: transparent;
+  // unstyled, used as whitespace
+  .search-section-separator {
+    height: 24px;
   }
 }
 
-// content
-.search-section-content {
-  color: $osd_fg_color;
-  padding: $base_padding*2;
-}
-
-
-// "no results" text
-.search-statustext {
-  @extend %title_1;
-}
-
+// Search results with icons
 .grid-search-results {
   spacing: $base_padding*5;
-  margin:0 $base_margin*3;
-}
 
-// Search results with icons
-.grid-search-result {
-  @extend .app-well-app;
+  .grid-search-result {
+    @extend .app-well-app;
+  }
 }
 
 // search result provider
 .search-provider-info {
 
-  @include tile_button(darken($osd_fg_color, 15%));
-  color: darken($osd_fg_color, 15%);
-
-  border-radius: $base_border_radius+3px;
-  margin-bottom: $base_margin*2;
-  padding: $base_padding;
+  @include tile_button($osd_insensitive_fg_color);
+  color: $osd_insensitive_fg_color;
 
   -st-icon-style: symbolic;
 
-  // content
   .list-search-provider-content {
     spacing: $base_padding;
-  } 
+  }
 
   .list-search-provider-title {
     @extend %heading;
@@ -65,31 +47,28 @@
 
 // search results list
 .list-search-results {
-  spacing: $base_padding;
-  padding: $base_padding*2;
-  background-color: lighten($system_bg_color, 5%);
-  border-radius: $modal_radius*1.5;
-  border: 1px solid $osd_outer_borders_color;
-}
+  @extend %osd_panel;
+  margin: $base_margin*2 0;
 
-// search result listitem
-.list-search-result {
-  @include tile_button($osd_fg_color);
-  border-radius: $base_border_radius+3px;
+  .list-search-result {
+    @include tile_button($osd_fg_color);
 
-  // content
-  .list-search-result-content {
-    spacing: $base_padding;
-  }
+    .list-search-result-content {
+      spacing: $base_padding;
+    }
 
-  // list item title (with leading icon)
-  .list-search-result-title {
-    spacing: $base_padding * 2;
-    // font-weight: bold;
-  }
+    .list-search-result-title {
+      spacing: $base_padding * 2;
+    }
 
-  // list item description
-  .list-search-result-description {
-    color: $osd_insensitive_fg_color;
+    .list-search-result-description {
+      color: $osd_insensitive_fg_color;
+    }
   }
 }
+
+// "no results" text
+.search-statustext {
+  @extend %title_1;
+  color: $osd_insensitive_fg_color;
+}
diff --git a/data/theme/gnome-shell-sass/widgets/_workspace-switcher.scss 
b/data/theme/gnome-shell-sass/widgets/_workspace-switcher.scss
index f06130ba97..31ad5a7f91 100644
--- a/data/theme/gnome-shell-sass/widgets/_workspace-switcher.scss
+++ b/data/theme/gnome-shell-sass/widgets/_workspace-switcher.scss
@@ -6,6 +6,7 @@ $ws_dot_inactive: $ws_indicator_height / 6;
 
 .workspace-switcher {
   @extend %osd_panel;
+  border-radius: 999px;
   margin-bottom: 4em;
   spacing: $base_padding * 2;
   padding: $base_padding * 2 $base_padding * 3;