improve the settings text and style the F1 key to look like a keyboard button

settings/index.html

@@ -45,11 +45,11 @@
         <h1>Configure your account settings</h1>
         <ul>
           <li class="hbox">
-            <label class="option boxFlex" for="shortcut">Enable keyboard shortcuts</label>
+            <label class="option boxFlex" for="shortcut"><span class="key">F1</span> keyboard shortcut enabled</label>
             <input type="checkbox" id="use_accel_key">
           </li>
           <li class="hbox">
-            <label class="option boxFlex" for="bookmark" >Automatically bookmark my shared links</label>
+            <label class="option boxFlex" for="bookmark">Bookmark the links I share</label>
             <input type="checkbox" id="bookmarking">
           </li>
         </ul>
@@ -92,4 +92,4 @@
 </script>
 
 </body>
-</html>
+</html>

settings/style.css

@@ -309,6 +309,20 @@ ul#tabs li.selected {
   border-radius: 0 0 5px 5px;
 }
 
+#settings .key {
+  font-family: Helvetica,Arial,sans-serif;
+  margin-right: 3px;
+  padding: 5px;
+  -moz-border-radius: 4px;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(0, 0, 0, 0.3);
+  background: -moz-linear-gradient(#f8f8f8, #dddee0) repeat scroll 0 0 #ecedef;
+  color: #434343;
+  font-weight: bold;
+  text-align: center;
+  text-shadow: 0 1px 1px white;
+   -moz-user-select: none;
+}
+
 #newsFooter {
   padding: 0 10px;
   margin: 10px 0;
@@ -461,4 +475,4 @@ html[xmlns] .clearfix {
   white-space: nowrap;
 }
 
-}
+}