From 6c6c3ca4393c0cb0e831a7929fbe0e0f2f21c5ae Mon Sep 17 00:00:00 2001
From: skaman82 <albert@wd-design.de>
Date: Fri, 30 Oct 2015 00:27:23 +0100
Subject: [PATCH] Added new styling for GPS Fix true/false state

---
 _locales/en/messages.json |  4 ++--
 main.css                  | 26 ++++++++++++++++++++++++++
 testing.html              |  7 ++++---
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 4c7a5cba..4b93cb0a 100755
--- a/_locales/en/messages.json
+++ b/_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:"
diff --git a/main.css b/main.css
index e71af6fe..eae400d0 100644
--- a/main.css
+++ b/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;
+
+	}
+	
 	
\ No newline at end of file
diff --git a/testing.html b/testing.html
index dd1a3a00..d4f4eb12 100644
--- a/testing.html
+++ b/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>