[gnome-shell] screenShield: Add some padding between the clock and notifications box

[Jasper St. Pierre <jstpierre src gnome org>]

commit 955b550e95ef698c6cb97aee0a63d6e7f3acba21
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Wed Oct 10 18:17:38 2012 -0300

    screenShield: Add some padding between the clock and notifications box
    
    https://bugzilla.gnome.org/show_bug.cgi?id=685919

 data/theme/gnome-shell.css |    4 ++++
 js/ui/screenShield.js      |    3 ++-
 2 files changed, 6 insertions(+), 1 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 77844a5..a9b2ec6 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -2234,6 +2234,10 @@ StScrollBar StButton#vhandle:active {
     -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
 }
 
+.screen-shield-contents-box {
+    spacing: 48px;
+}
+
 .screen-shield-clock {
     color: white;
     text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
diff --git a/js/ui/screenShield.js b/js/ui/screenShield.js
index c2e1c65..8f480d4 100644
--- a/js/ui/screenShield.js
+++ b/js/ui/screenShield.js
@@ -726,7 +726,8 @@ const ScreenShield = new Lang.Class({
                                                          y_align: Clutter.ActorAlign.CENTER,
                                                          x_expand: true,
                                                          y_expand: true,
-                                                         vertical: true });
+                                                         vertical: true,
+                                                         style_class: 'screen-shield-contents-box' });
         this._clock = new Clock();
         this._lockScreenContentsBox.add(this._clock.actor, { x_fill: true,
                                                              y_fill: true });