From c5b18b79d9f1a7deffd5a85e5198823819486fea Mon Sep 17 00:00:00 2001
From: Jim Jacobsen <jamez1970@gmail.com>
Date: Thu, 17 Nov 2016 06:58:36 +0000
Subject: [PATCH] More churching up, looks good

---
 web/css/main.css                        |  8 ++++++++
 web/maui/css/mobile-angular-ui-base.css | 12 ++++++++++++
 web/plates/weather.html                 | 14 ++++++++++----
 3 files changed, 30 insertions(+), 4 deletions(-)
 mode change 100755 => 100644 web/maui/css/mobile-angular-ui-base.css

diff --git a/web/css/main.css b/web/css/main.css
index 84aaf56a..bfb7cec9 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -132,36 +132,44 @@
 }
 
 .report_TAF {
+    border-radius: 5px;
 	background-color: cornsilk;
 	color: black;
 }
 
 .report_PIREP {
+    border-radius: 5px;
 	background-color: gainsboro;
 	color: black;
 }
 
 .report_WINDS {
+    border-radius: 5px;
 	background-color: lavender;
 	color: black;
 }
 
 .flight_condition_VFR {
+    border-radius: 5px;
 	background-color: forestgreen;
 	color: white;
 }
 
 .flight_condition_MVFR {
+    left-border: 120px;
+    border-radius: 5px;
 	background-color: blue;
 	color: white;
 }
 
 .flight_condition_IFR {
+    border-radius: 5px;
 	background-color: crimson;
 	color: white;
 }
 
 .flight_condition_LIFR {
+    border-radius: 5px;
 	background-color: darkorchid;
 	color: white;
 }
diff --git a/web/maui/css/mobile-angular-ui-base.css b/web/maui/css/mobile-angular-ui-base.css
old mode 100755
new mode 100644
index 35c2f579..67a8ffcf
--- a/web/maui/css/mobile-angular-ui-base.css
+++ b/web/maui/css/mobile-angular-ui-base.css
@@ -6373,50 +6373,62 @@ a.label:focus {
 
 .label-default {
   background-color: #777777;
+  border-radius: 5px;
 }
 
 .label-default[href]:focus {
   background-color: #5e5e5e;
+  border-radius: 5px;
 }
 
 .label-primary {
   background-color: #007aff;
+  border-radius: 5px;
 }
 
 .label-primary[href]:focus {
   background-color: #0062cc;
+  border-radius: 5px;
 }
 
 .label-success {
   background-color: #4cd964;
+  border-radius: 5px;
 }
 
 .label-success[href]:focus {
   background-color: #2ac845;
+  border-radius: 5px;
 }
 
 .label-info {
   background-color: #34aadc;
+  border-radius: 5px;  
 }
 
 .label-info[href]:focus {
   background-color: #218ebd;
+  border-radius: 5px;  
 }
 
 .label-warning {
   background-color: #ffcc00;
+  border-radius: 5px;
 }
 
 .label-warning[href]:focus {
   background-color: #cca300;
+  border-radius: 5px;
 }
 
 .label-danger {
   background-color: #ff3b30;
+  border-radius: 5px;
 }
 
 .label-danger[href]:focus {
   background-color: #fc0d00;
+  border-radius: 5px;
 }
 
 .badge {
diff --git a/web/plates/weather.html b/web/plates/weather.html
index b658c405..7ed0de22 100644
--- a/web/plates/weather.html
+++ b/web/plates/weather.html
@@ -29,8 +29,11 @@
 						<div class="separator"></div>
 						<div class="col-sm-12">
 							<span class="col-xs-3"><strong>{{weather.location}}</strong></span>
-							<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3 label label-success report_{{weather.type}}'"><strong>{{weather.type}}</strong></span>
-							<span class="col-xs-6 text-right">{{weather.time}}</span>
+                            <span class="col-xs-3" align="center">
+							<div align="center" ng-class="weather.flight_condition ? ' label label-success flight_condition_{{weather.flight_condition}}' : 'label label-success report_{{weather.type}}'">{{weather.type}}</div>
+                            </span>
+                            <span class="col-xs-4">&nbsp;</span>
+							<span class="col-xs-2 text-right" style="background-color: {{weather.backcolor}}">{{weather.time}}</span>
 						</div>
 						<div class="col-sm-12">
 							<span class="col-xs-10">{{weather.data}}</span>
@@ -62,8 +65,11 @@
 						<div class="separator"></div>
 						<div class="col-sm-12">
 							<span class="col-xs-3"><strong>{{weather.location}}</strong></span>
-							<span ng-class="weather.flight_condition ? 'col-xs-3 label label-success flight_condition_{{weather.flight_condition}}' : 'col-xs-3 label label-success report_{{weather.type}}'">{{weather.type}}</span>
-							<span class="col-xs-6 text-right">{{weather.time}}</span>
+                            <span class="col-xs-3" align="center">
+							<div align="center" ng-class="weather.flight_condition ? ' label label-success flight_condition_{{weather.flight_condition}}' : 'label label-success report_{{weather.type}}'">{{weather.type}}</div>
+                            </span>
+                            <span class="col-xs-4">&nbsp;</span>
+							<span class="col-xs-2 text-right" style="background-color: {{weather.backcolor}}">{{weather.time}}</span>
 						</div>
 						<div class="col-sm-12">
 							<span class="col-xs-10">{{weather.data}}</span>