From 1ce66eb884e8f66b405201de0bedcd624f4d9d4b Mon Sep 17 00:00:00 2001
From: Carlos Salaverria <carlos.salaverria@flightaware.com>
Date: Fri, 9 Sep 2016 12:49:48 -0500
Subject: [PATCH] Change CSS styles to use FlightAware colors

---
 public_html/index.html | 32 ++++++++++++++++----------------
 public_html/style.css  | 19 +++++++++++++++----
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/public_html/index.html b/public_html/index.html
index 2b28d37..db7cff5 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -180,28 +180,28 @@
 
 					<div id="planes_table">
 						<table id="tableinfo" style="width: 100%">
-							<thead style="background-color: #BBBBBB; cursor: pointer;">
+							<thead class="aircraft_table_header">
 								<tr>
 									<td id="icao" onclick="sortByICAO();">ICAO</td>
 									<td id="flag" onclick="sortByCountry()"><!-- column for flag image --></td>
 									<td id="flight" onclick="sortByFlight();">Ident</td>
 									<td id="registration" onclick="sortByRegistration();">Registration</td>
 									<td id="aircraft_type" onclick="sortByAircraftType();"> Aircraft type</td>
-									<td id="squawk" onclick="sortBySquawk();" style="text-align: right">Squawk</td>
-									<td id="altitude" onclick="sortByAltitude();" style="text-align: right">Altitude (<span class="altitudeUnit"></span>)</td>
-									<td id="speed" onclick="sortBySpeed();" style="text-align: right">Speed (<span class="speedUnit"></span>)</td>
-									<td id="vert_rate" onclick="sortByVerticalRate();" style="text-align: right">Vertical Rate (<span class="verticalRateUnit"></span>)</td>
-									<td id="distance" onclick="sortByDistance();" style="text-align: right">Distance (<span class="distanceUnit"></span>)</td>
-									<td id="track" onclick="sortByTrack();" style="text-align: right">Track</td>
-									<td id="msgs" onclick="sortByMsgs();" style="text-align: right">Msgs</td>
-									<td id="seen" onclick="sortBySeen();" style="text-align: right">Age</td>
-									<td id="rssi" onclick="sortByRssi();" style="text-align: right">RSSI</td>
-									<td id="lat" onclick="sortByLatitude();" style="text-align: right">Latitude</td>
-									<td id="lon" onclick="sortByLongitude();" style="text-align: right">Longitude</td>
-									<td id="data_source" onclick="sortByDataSource();" style="text-align: right">Data Source</td>
-									<td id="airframes_mode_s_link" style="text-align: center">Airframes.org Link</td>
-									<td id="flightaware_mode_s_link" style="text-align: center">FlightAware Link</td>
-									<td id="flightaware_photo_link" style="text-align: center">Photos</td>
+									<td id="squawk" onclick="sortBySquawk();">Squawk</td>
+									<td id="altitude" onclick="sortByAltitude();">Altitude (<span class="altitudeUnit"></span>)</td>
+									<td id="speed" onclick="sortBySpeed();">Speed (<span class="speedUnit"></span>)</td>
+									<td id="vert_rate" onclick="sortByVerticalRate();">Vertical Rate (<span class="verticalRateUnit"></span>)</td>
+									<td id="distance" onclick="sortByDistance();">Distance (<span class="distanceUnit"></span>)</td>
+									<td id="track" onclick="sortByTrack();">Track</td>
+									<td id="msgs" onclick="sortByMsgs();">Msgs</td>
+									<td id="seen" onclick="sortBySeen();">Age</td>
+									<td id="rssi" onclick="sortByRssi();">RSSI</td>
+									<td id="lat" onclick="sortByLatitude();">Latitude</td>
+									<td id="lon" onclick="sortByLongitude();">Longitude</td>
+									<td id="data_source" onclick="sortByDataSource();">Data Source</td>
+									<td id="airframes_mode_s_link">Airframes.org Link</td>
+									<td id="flightaware_mode_s_link">FlightAware Link</td>
+									<td id="flightaware_photo_link">Photos</td>
 								</tr>
 							</thead>
 							<tbody>
diff --git a/public_html/style.css b/public_html/style.css
index 2df7671..1b882b4 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -132,8 +132,19 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
     margin: 10px 0 10px 0;
 }
 
-.vPosition  { background-color: #d5ffd5; }
-.mlat       { background-color: #d5d5ff; }
+.aircraft_table_header { 
+    background-color: #409EDF;
+    color: #FFFFFF;
+    cursor: pointer;
+}
+.aircraft_table_header td {
+    font-size: smaller;
+    padding: 5px;
+    text-align: center;
+}
+
+.vPosition  { background-color: #C3FFDF; }
+.mlat       { background-color: #C7EAFC; }
 .squawk7500 { font-weight: bold; background-color: #ff5555; }
 .squawk7600 { font-weight: bold; background-color: #00ffff; }
 .squawk7700 { font-weight: bold; background-color: #ffff00; }
@@ -154,7 +165,7 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
 .pointer { cursor: pointer; }
 
 .sidebarButton {
-     background-color: #7C99BD;
+     background-color: #409EDF;
      padding: 4px 15px 4px 15px;
      color: #FFFFFF;
      font-weight: normal;
@@ -162,7 +173,7 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
 }
 
 .sidebarButton:hover {
-     background-color: #4873A8;
+     background-color: #3c6ea3;
 }
 
 .altitudeFilterInput {