service: Show 'previously connected' icon left

Show the icon left of the wireless SSID. This way, the icons will
always be vertically aligned so they look a lot nicer.

src/service.js

@@ -71,11 +71,15 @@ const DialogServiceItem = new Lang.Class({
         });
         this._icon.icon_name = icon;
         this._securityIcon.icon_name = securityIcon;
-        if(service._properties['Favorite'])
-            this._icons.add_actor(new St.Icon({
+        if(service._properties['Favorite']) {
+            let icon = new St.Icon({
                 style_class: 'cm-dialog-icon',
                 icon_name: 'object-select-symbolic'
-            }));
+            });
+            icon.add_style_pseudo_class('favourite');
+            this.actor.add_style_pseudo_class('favourite');
+            this.actor.add(icon);
+        }
         this._icons.add_actor(this._securityIcon);
         this._icons.add_actor(this._icon);
         this.actor.add(this._label, {

src/stylesheet.css

@@ -65,8 +65,10 @@
 .cm-dialog-item {
   font-size: 110%;
   border-bottom: 1px solid #1c1f1f;
-  padding: 12px 12px 12px 35px;
-  spacing: 20px; }
+  padding: 12px 12px 12px 36px; }
+
+.cm-dialog-item:favourite {
+  padding: 12px 12px 12px 0px; }
 
 .cm-dialog-item:selected {
   background-color: #215d9c;
@@ -79,7 +81,11 @@
   spacing: .5em; }
 
 .cm-dialog-icon {
-  icon-size: 16px; }
+  icon-size: 16px;
+  padding-left: 5px; }
+
+.cm-dialog-icon:favourite {
+  padding: 0px 10px 0px 10px;}
 
 /* Network Agent Dialog */
 .cm-network-dialog-secret-table {