Styles update

3 files changed, 20 insertions, 10 deletions

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 2f7fd377..70daa929 100755
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -2805,5 +2805,11 @@
     },
     "multirotorBrakingConfiguration": {
         "message": "Multirotor braking mode configuration"
+    },
+    "mapProvider": {
+        "message": "Map Provider"
+    },
+    "mapApiKey": {
+        "message": "Map API key"
     }
 }
diff --git a/main.css b/main.css
index 766cb772..d781ef81 100644
--- a/main.css
+++ b/main.css
@@ -477,12 +477,16 @@ input[type="number"]::-webkit-inner-spin-button {
     z-index: 10000;
 }
 
-#options-window input {
+.options_container__checkbox input {
     float: left;
     margin-top: 3px;
     margin-right: 5px;
 }
 
+.options_container label {
+    margin-right: 1em;
+}
+
 /* Log setup*/
 #log {
     margin-bottom: 0;
@@ -2044,4 +2048,4 @@ select {
 
 .text-center {
     text-align: center;
-}
+}
\ No newline at end of file
diff --git a/tabs/options.html b/tabs/options.html
index 4a6bcf7d..b85aae6b 100644
--- a/tabs/options.html
+++ b/tabs/options.html
@@ -1,17 +1,17 @@
-<div class="notifications">
-    <label><input type="checkbox" /><span i18n="options_receive_app_notifications"></span></label>
+<div class="notifications options_container options_container__checkbox">
+    <label><input type="checkbox" /><span data-i18n="options_receive_app_notifications"></span></label>
 </div>
-<div class="statistics">
-    <label><input type="checkbox" /><span i18n="options_improve_configurator"></span></label>
+<div class="statistics options_container options_container__checkbox">
+    <label><input type="checkbox" /><span data-i18n="options_improve_configurator"></span></label>
 </div>
-<div>
-    <label for="map-provider-type">Map Provider</label>
+<div class="options_container">
+    <label for="map-provider-type" data-i18n="mapProvider"></label>
     <select id="map-provider-type">
         <option value="osm">OpenStreetMap</option>
         <option value="bing">Bing Maps</option>
     </select>
 </div>
-<div>
-    <label for="map-api-key">Map API key</label>
+<div class="options_container">
+    <label for="map-api-key" data-i18n="mapApiKey"></label>
     <input type="password" id="map-api-key" style="border: solid 1px black"/>
 </div>