[gnome-text-editor] css: use .searchbar for multiple implementations

[Christian Hergert <chergert src gnome org>]

commit 3a475bef806602c610fb4b3adddc38a122fb7580
Author: Christian Hergert <chergert redhat com>
Date:   Tue Oct 5 13:00:07 2021 -0700

    css: use .searchbar for multiple implementations
    
    We want to use this for other overlays such as a "goto line".

 src/TextEditor.css       | 6 +++---
 src/editor-search-bar.ui | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)
---
diff --git a/src/TextEditor.css b/src/TextEditor.css
index 3d63379..af9fac9 100644
--- a/src/TextEditor.css
+++ b/src/TextEditor.css
@@ -80,7 +80,7 @@
 
 /* EditorSearchBar */
 
-.org-gnome-TextEditor page searchbar {
+.org-gnome-TextEditor page .searchbar {
   background-image: linear-gradient(shade(@theme_bg_color,1.05), @theme_bg_color);
   padding: 6px;
   border-style: solid;
@@ -93,10 +93,10 @@
   box-shadow: 0 0 3px 1px alpha(shade(@borders,0.8),.35);
   margin: 0 10px 20px 10px;
 }
-.org-gnome-TextEditor page searchbar:backdrop {
+.org-gnome-TextEditor page .searchbar:backdrop {
   box-shadow: none;
 }
-.org-gnome-TextEditor page searchbar button.flat.circular {
+.org-gnome-TextEditor page .searchbar button.flat.circular {
   min-width: 24px;
   min-height: 24px;
   margin: 0px;
diff --git a/src/editor-search-bar.ui b/src/editor-search-bar.ui
index ff5a6d3..08ead7a 100644
--- a/src/editor-search-bar.ui
+++ b/src/editor-search-bar.ui
@@ -2,6 +2,9 @@
 <interface>
   <requires lib="gtk+" version="4.0"/>
   <template class="EditorSearchBar" parent="GtkWidget">
+    <style>
+      <class name="searchbar"/>
+    </style>
     <child>
       <object class="GtkGrid" id="grid">
         <property name="column-spacing">8</property>