[gnome-shell/uiTweaks2: 2/11] search.js: Replace the gradient separator with a simple line

[Rares Visalom <raresvisalom src gnome org>]

commit ad293615de81dfaa57305b23de33bccf2c1cdee6
Author: raresvis <rares visalom gmail com>
Date:   Tue Jun 20 23:05:31 2017 +0300

    search.js: Replace the gradient separator with a simple line
    
    The current separator uses a gradient effect as a separator
    between search results. As the mockups suggest, the gradient
    separator is no longer needed, in favor of a more simple one,
    which is a thin semitransparent line.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=749957

 data/theme/gnome-shell.css |    7 ++-----
 js/ui/search.js            |    4 ++--
 2 files changed, 4 insertions(+), 7 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 17dd551..6f5c641 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1177,11 +1177,8 @@ StScrollBar {
   margin-left: 30px; }
 
 .search-section-separator {
-  -gradient-height: 1px;
-  -gradient-start: rgba(255, 255, 255, 0);
-  -gradient-end: rgba(255, 255, 255, 0.1);
-  -margin-horizontal: 1.5em;
-  height: 1px; }
+  height: 2px;
+  background-color: rgba(255, 255, 255, 0.2); }
 
 .list-search-result-content {
   spacing: 12px;
diff --git a/js/ui/search.js b/js/ui/search.js
index b168101..007ca96 100644
--- a/js/ui/search.js
+++ b/js/ui/search.js
@@ -149,8 +149,8 @@ const SearchResultsBase = new Lang.Class({
                                               y_fill: true });
         this.actor.add(this._resultDisplayBin, { expand: true });
 
-        let separator = new Separator.HorizontalSeparator({ style_class: 'search-section-separator' });
-        this.actor.add(separator.actor);
+        let separator = new St.DrawingArea({ style_class: 'search-section-separator' });
+        this.actor.add(separator);
 
         this._resultDisplays = {};