Added new styling for GPS Fix true/false state

_locales/en/messages.json

@@ -871,10 +871,10 @@
         "message": "3D Fix:"
     },
     "gpsFixTrue": {
-        "message": "<span style=\"color: #57a929\">True</span>"
+        "message": "<span class=\"fixtrue\">True</span>"
     },
     "gpsFixFalse": {
-        "message": "<span style=\"color: red\">False</span>"
+        "message": "<span class=\"fixfalse\">False</span>"
     },
     "gpsAltitude": {
         "message": "Altitude:"

main.css

@@ -1422,4 +1422,30 @@ dialog {
 	width:400px;
 	height:auto !important;
 	}
+	
+	
+	
+/* GPS Fix styling*/
+
+	
+.fixtrue {
+	background-color:#56ac1d;
+	padding:2px;
+	padding-left: 5px;
+	padding-right: 5px;
+	border-radius:3px;
+	color:#fff;
+	}
+	
+	
+.fixfalse {
+	background-color:#e60000;
+	padding:2px;
+	padding-left: 5px;
+	padding-right: 5px;
+	border-radius:3px;
+	color:#fff;
+
+	}
+	
 	

testing.html

@@ -7,7 +7,8 @@
                 <link type="text/css" rel="stylesheet" href="./js/libraries/switchery/dist/switchery.css" media="all" />
 
                 
-   
+    <link type="text/css" rel="stylesheet" href="./main.css" media="all" />
+
         
         <script type="text/javascript" src="./js/libraries/switchery/dist/switchery.js"></script>
                 <script type="text/javascript" src="./js/libraries/jquery-2.1.3.min.js"></script>
@@ -64,9 +65,9 @@ d<br>
 <br>
 <br>
 <br>
+<br><span class="fixfalse">False</span>
 <br>
-d<br>
-<br>
+<br><span class="fixtrue">True</span>
 <br>
 <br>
 <br>