[gnome-shell/wip/snwh/style-updates: 41/100] theme: align icon better in search entry

[Sam Hewitt <snwh src gnome org>]

commit 940d540ef0e69dd59ea33dfcb66c41b815c1bfa5
Author: Sam Hewitt <sam snwh org>
Date:   Tue Dec 28 11:28:25 2021 -0330

    theme: align icon better in search entry

 data/theme/gnome-shell-sass/widgets/_search-entry.scss   |  5 +++--
 data/theme/gnome-shell-sass/widgets/_search-results.scss | 10 ++++------
 2 files changed, 7 insertions(+), 8 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/widgets/_search-entry.scss 
b/data/theme/gnome-shell-sass/widgets/_search-entry.scss
index 03df217b3a..ef4d147cc1 100644
--- a/data/theme/gnome-shell-sass/widgets/_search-entry.scss
+++ b/data/theme/gnome-shell-sass/widgets/_search-entry.scss
@@ -22,15 +22,16 @@ $search_entry_height: 36px;
 
   &:focus {
     border-style: solid;
-    background-color: transparentize($selected_bg_color, 0.9);
     border-color: $selected_bg_color;
+    background-color: transparentize($selected_bg_color, 0.9);
     color: $fg_color;
     box-shadow:none;
   }
 
   .search-entry-icon { 
+    color: inherit;
     icon-size: $base_icon_size;
+    margin-top: 2px; // center vertically
     padding: 0 4px;
-    color: inherit;
   }
 }
diff --git a/data/theme/gnome-shell-sass/widgets/_search-results.scss 
b/data/theme/gnome-shell-sass/widgets/_search-results.scss
index 0d81c974dd..a1f5690eb8 100644
--- a/data/theme/gnome-shell-sass/widgets/_search-results.scss
+++ b/data/theme/gnome-shell-sass/widgets/_search-results.scss
@@ -26,14 +26,14 @@
   border-radius: $modal_radius+3;
   border: 1px solid $osd_outer_borders_color;
   box-shadow: 0 2px 4px 0 $shadow_color;
-  text-shadow: 0 1px if($variant == 'light', rgba(255,255,255,0.2), rgba(0,0,0,0.2));
+  text-shadow: none;
   color: $osd_fg_color;
   padding: $base_padding * 3;
   // This is the space between the provider icon and the results container
   spacing: $base_margin * 2;
 }
 
-%search-section-content-item {
+%search_section_content_item {
   @extend %icon_tile;
 
   &:focus,
@@ -65,7 +65,7 @@
 
 // search result provider
 .search-provider-icon {
-  @extend %search-section-content-item;
+  @extend %search_section_content_item;
 
   // content
   .list-search-provider-content {
@@ -74,9 +74,7 @@
     // provider labels
     .list-search-provider-details {
       width: 120px;
-      margin-top: 0;
       color: darken($osd_fg_color, 8%);
-      // font-weight: bold;
     }
   }
 }
@@ -88,7 +86,7 @@
 
 // search result listitem
 .list-search-result {
-  @extend %search-section-content-item;
+  @extend %search_section_content_item;
 
   // content
   .list-search-result-content {