[polari] userList: Polish no-results placeholder

[Florian Müllner <fmuellner src gnome org>]

commit 0e7c9bf672819a32017ea2013d737b0e2123b0a2
Author: Florian Müllner <fmuellner gnome org>
Date:   Thu Apr 18 02:56:51 2019 +0200

    userList: Polish no-results placeholder
    
     - add some space between icon and label and around the
       placeholder as a whole
     - use Sentence Capitalization
     - tone down the image more, the icon less
    
    https://bugzilla.gnome.org/show_bug.cgi?id=768846

 data/resources/application.css | 9 +++++++++
 src/userList.js                | 7 ++++---
 2 files changed, 13 insertions(+), 3 deletions(-)
---
diff --git a/data/resources/application.css b/data/resources/application.css
index 322544f..2b938ff 100644
--- a/data/resources/application.css
+++ b/data/resources/application.css
@@ -24,6 +24,15 @@
     border-width: 0;
 }
 
+.polari-user-list .placeholder image {
+    color: alpha(currentColor, 0.3);
+}
+
+.polari-user-list .placeholder label {
+    font-size: 1.2em;
+    color: alpha(currentColor, 0.6);
+}
+
 .polari-paste-confirmation {
     border: 0 solid @borders;
     border-top-width: 1px;
diff --git a/src/userList.js b/src/userList.js
index bcb0e47..caeab24 100644
--- a/src/userList.js
+++ b/src/userList.js
@@ -573,11 +573,12 @@ class UserList extends Gtk.ScrolledWindow {
 
         this._list = new Gtk.ListBox({ vexpand: true });
         this.add(this._list);
-
         let placeholder = new Gtk.Box({
             halign: Gtk.Align.CENTER,
             valign: Gtk.Align.CENTER,
             orientation: Gtk.Orientation.VERTICAL,
+            margin: 32,
+            spacing: 6,
             visible: true
         });
         placeholder.add(new Gtk.Image({
@@ -586,11 +587,11 @@ class UserList extends Gtk.ScrolledWindow {
             visible: true
         }));
         placeholder.add(new Gtk.Label({
-            label: _('No results'),
+            label: _('No Results'),
             visible: true
         }));
 
-        placeholder.get_style_context().add_class('dim-label');
+        placeholder.get_style_context().add_class('placeholder');
 
         this._list.set_placeholder(placeholder);