From 5d781785aa3bdfdcf74605ca6853d1ef3ca625d2 Mon Sep 17 00:00:00 2001
From: James Wilson <james.wilson@flightaware.com>
Date: Thu, 2 Feb 2017 18:21:07 -0600
Subject: [PATCH] Add back in layer switcher. Update Select All/None button
 text

---
 public_html/index.html | 4 ++--
 public_html/script.js  | 3 ++-
 public_html/style.css  | 8 +++++---
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/public_html/index.html b/public_html/index.html
index 3d3bfba..962390c 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -55,8 +55,8 @@
 			<div class="buttonContainer">
 				<div class="dateTime" id="clock_div"></div>
 				<div class="button buttonHeader" onclick="resetMap();"><span class="buttonText">Reset Map</span></div>
-				<div class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">Select All</span></div>
-				<div class="button buttonHeader" onclick="deselectAllPlanes();"><span class="buttonText">Select None</span></div>
+				<div class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">Show All Tracks</span></div>
+				<div class="button buttonHeader" onclick="deselectAllPlanes();"><span class="buttonText">Hide All Tracks</span></div>
 			</div>
 			<div class="settingsContainer"><img src="images/settings-icon.png" id="settingsCog" srcset="images/settings-icon.png 1x, images/settings-icon@2x.png 2x, images/settings-icon@3x.png 3x"></div>
 		</div>
diff --git a/public_html/script.js b/public_html/script.js
index 7f202da..a11a8d6 100644
--- a/public_html/script.js
+++ b/public_html/script.js
@@ -547,7 +547,8 @@ function initialize_map() {
                 controls: [new ol.control.Zoom(),
                            new ol.control.Rotate(),
                            new ol.control.Attribution({collapsed: true}),
-                           new ol.control.ScaleLine({units: DisplayUnits})
+                           new ol.control.ScaleLine({units: DisplayUnits}),
+                           new ol.control.LayerSwitcher()
                           ],
                 loadTilesWhileAnimating: true,
                 loadTilesWhileInteracting: true
diff --git a/public_html/style.css b/public_html/style.css
index 0aca203..f02ab16 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -222,7 +222,7 @@ select.error, textarea.error, input.error {
 }
 
 .layer-switcher {
-    bottom: 50px !important;
+    bottom: 80px !important;
     top: auto !important;
     right: 10px !important;
 }
@@ -383,18 +383,20 @@ select.error, textarea.error, input.error {
     color: #FFFFFF;
     color: rgb(255, 255, 255);
     line-height: 28px;
+    padding-left: 10px;
+    padding-right: 10px;
 }
 
 .button {
     background: #00A0E2;
     background: rgba(0, 160, 226, 1);
-    width: 80px;
+    min-width: 80px;
     height: 28px;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     display: inline-block;
-    margin-right: 18px;
+    margin-right: 10px;
     cursor: pointer;
     text-align: center;
 }