polished sensor indicators

_locales/en/messages.json

@@ -1,13 +1,13 @@
 {
+    "options_title": {
+        "message": "Application Options"
+    },
     "options_receive_app_notifications": {
         "message": "Receive desktop <strong>notification</strong> when application updates"
     },
     "options_improve_configurator": {
         "message": "Send anonymous usage data to the developer team"
     },
-    "options_back": {
-        "message": "Leave Options"
-    },
 
     "notifications_app_just_updated_to_version": {
         "message": "Application just updated to version: $1"

main.css

@@ -90,6 +90,8 @@ input[type="number"]::-webkit-inner-spin-button {
 
         background-color: #be2222;
         color: white;
+
+        font-weight: bold;
     }
         #port-picker a.connect:hover {
             text-decoration: none;
@@ -122,7 +124,6 @@ input[type="number"]::-webkit-inner-spin-button {
     #sensor-status li {
         float: left;
 
-        margin-left: 10px;
         padding: 0 12px 0 12px;
 
         height: 18px;
@@ -132,11 +133,15 @@ input[type="number"]::-webkit-inner-spin-button {
         text-align: center;
 
         border: 1px solid #c0c0c0;
-        border-radius: 8px;
-        background-color: #be2222;
+        border-right: 0;
+
+        background-color: #901515;
+    }
+    #sensor-status li:last-child {
+        border-right: 1px solid #c0c0c0;
     }
     #sensor-status .on {
-        background-color: #0d8b13;
+        background-color: #076b0c;
     }
 #options {
     float: right;

main.html

@@ -78,7 +78,7 @@
                     </li>
                 </ul>
             </div>
-            <a id="options" href="#" title="Options"></a>
+            <a id="options" href="#" i18n_title="options_title"></a>
             <div id="sensor-status">
                 <ul>
                     <li class="gyro" title="Gyroscope">Gyro</li>

main.js

@@ -167,18 +167,6 @@ $(document).ready(function() {
                 $(this).empty().remove();
             });
         }
-
-
-        /*
-        chrome.app.window.create('./tabs/options.html', {
-            id: 'option-window',
-            frame: 'none',
-            resizable: false
-        }, function(createdWindow) {
-            // translate to user-selected language
-            localize();
-        });
-        */
     });
 
     // listen to all input change events and adjust the value within limits if necessary