LockScreenMenu: double the space between icons

Using the same spacing as secondary status icons causes the
three indicators to be too close to each other.

https://bugzilla.gnome.org/show_bug.cgi?id=687955

data/theme/gnome-shell.css

@@ -558,6 +558,10 @@ StScrollBar StButton#vhandle:active {
     spacing: 4px;
 }
 
+.lock-screen-status-button-box {
+    spacing: 8px;
+}
+
 /* User Menu */
 
 #panelUserMenu {

js/ui/status/lockScreenMenu.js

@@ -16,6 +16,7 @@ const Indicator = new Lang.Class({
 
     _init: function() {
         this.parent(null, _("Volume, network, battery"));
+        this._box.style_class = 'lock-screen-status-button-box';
 
         this._volume = Main.panel.statusArea.volume;
         if (this._volume) {