From eb4fc67e22f8639272bc2e621e3b957f6680e17a Mon Sep 17 00:00:00 2001
From: Jordan T <jtremolo06@gmail.com>
Date: Wed, 19 Aug 2020 10:36:17 -0500
Subject: [PATCH] Move embedded styling to css

---
 web/css/main.css       |  3 +++
 web/plates/status.html | 16 ++++++++--------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/web/css/main.css b/web/css/main.css
index cb783570..7786bfb7 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -262,6 +262,9 @@
 	width: 100%;
 }
 
+.row-header {
+	background-color: #f7f7f7;
+}
 
 /* ***************************************************************************
 everything below this comment represents tweaks to the mobile-angular-uis CSS
diff --git a/web/plates/status.html b/web/plates/status.html
index 94319688..86b373af 100644
--- a/web/plates/status.html
+++ b/web/plates/status.html
@@ -56,10 +56,10 @@
 				</div>
 				<div class="row" ng-class="{'section_invisible': !visible_uat}">
 					<div class="col-sm-12">
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">Towers</span>
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">METARS</span>
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">TAFS</span>
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">NEXRAD</span>
+						<span align="center" class="col-xs-3 row-header">Towers</span>
+						<span align="center" class="col-xs-3 row-header">METARS</span>
+						<span align="center" class="col-xs-3 row-header">TAFS</span>
+						<span align="center" class="col-xs-3 row-header">NEXRAD</span>
 					</div>
 				</div>
 				<div class="row" ng-class="{'section_invisible': !visible_uat}">
@@ -72,10 +72,10 @@
 				</div>
 				<div class="row" ng-class="{'section_invisible': !visible_uat}">
 					<div class="col-sm-12">
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">PIREP</span>
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">SIGMET</span>
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">NOTAMS</span>
-						<span align="center" style="background-color: #f7f7f7" class="col-xs-3">Other</span>
+						<span align="center" class="col-xs-3 row-header">PIREP</span>
+						<span align="center" class="col-xs-3 row-header">SIGMET</span>
+						<span align="center" class="col-xs-3 row-header">NOTAMS</span>
+						<span align="center" class="col-xs-3 row-header">Other</span>
 					</div>
 				</div>
 				<div class="row" ng-class="{'section_invisible': !visible_uat}">