From 9fca252512bf8a26f6b04de2fb1ceaf886ff0989 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20For=C3=A9?= <daniel.p.fore@gmail.com>
Date: Thu, 17 Nov 2011 01:19:10 +0100
Subject: [PATCH] Larger margin outside of shortcuts and more shadows

---
 data/speeddial-head.html | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/data/speeddial-head.html b/data/speeddial-head.html
index a2fb7d2b..f5c82691 100644
--- a/data/speeddial-head.html
+++ b/data/speeddial-head.html
@@ -34,13 +34,15 @@
         width: 100%;
         height: 100%;
         outline: 0;
+        background: #E1E1E1;
     }
 
     #content {
-        width: 100%;
-        height: 95%;
+        width: 96%;
+        height: 85%;
         margin: 0 auto;
-        padding: 0;
+        padding-top: 5%;
+        padding-left: 2%;
     }
 
     div.shortcut {
@@ -50,23 +52,25 @@
     }
 
     div.shortcut .preview {
-        width: 70%;
-        height: 60%;
-        margin: 20% auto;
-        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.25), 0 0 2px #fff inset;
-        box-shadow: 0 1px 6px rgba(0,0,0,.25), 0 0 2px #fff inset;
+        width: 85%;
+        height: 75%;
+        margin: auto;
+        -webkit-box-shadow: 0 4px 18px rgba(0,0,0,.3), 0 0 2px #fff inset;
+        box-shadow: 0 4px 18px rgba(0,0,0,.3), 0 0 2px #fff inset;
         background-image: -webkit-gradient(
             linear, center top, center bottom,
             from(#f6f6f6), to(#e3e3e3));
-        border: 1px solid #bebebe;
+        border: 1px solid #bcbcbc;
         border-bottom-color: #a0a0a0;
         position: relative;
+        -webkit-border-radius: 3px;
     }
 
     div.shortcut .preview img {
         width: 100%;
-        height: 98%;
+        height: 100%;
         cursor: pointer;
+        -webkit-border-radius: 3px;
     }
 
     div.shortcut .preview.new .add {
@@ -79,11 +83,12 @@
 
     .title {
         text-align: center;
-        margin-top: -17%;
+        margin: 8px;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         cursor: text;
+        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
     }
 
     .cross {