From f2ea5a75bb986b9864773c3d02b2cc9cd61dac30 Mon Sep 17 00:00:00 2001
From: Carlos Salaverria <carlos.salaverria@flightaware.com>
Date: Tue, 30 Aug 2016 17:20:29 -0500
Subject: [PATCH] Reposition map buttons

---
 public_html/index.html |  6 ++++--
 public_html/style.css  | 21 ++++++++++++---------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/public_html/index.html b/public_html/index.html
index a135e9d..67ad593 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -113,7 +113,6 @@
 			<div id="sidebar_container">
 				<div id="splitter" class="ui-resizable-handle ui-resizable-w"></div>
 					<div id="sidebar_canvas">
-					<a id="show_map_button" href="#"></a>
 
 					<div id="dump1090_infoblock">
 						<table style="width: 100%">
@@ -128,10 +127,12 @@
 
 							<tr class="infoblock_body">
 								<td>&nbsp;</td>
+								<td>&nbsp;</td>
 							</tr>
 
 							<tr>
-								<td colspan="3">
+								<td colspan="2">
+									<a id="show_map_button" href="#"></a>
 									<div id="sudo_buttons">
 										<span class="pointer" onclick="resetMap();">[ Reset Map ]</span>
 										<span class="pointer" onclick="selectAllPlanes();">[ Select All ]</span>
@@ -142,6 +143,7 @@
 
 							<tr class="infoblock_body">
 								<td>&nbsp;</td>
+								<td>&nbsp;</td>
 							</tr>
 
 							<tr class="infoblock_body">
diff --git a/public_html/style.css b/public_html/style.css
index cd9d4c1..1c355c6 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -10,11 +10,12 @@ html, body {
 
 #selected_infoblock {
     position: absolute;
-    background: #ffffff;
-    padding: 20px;
-    box-shadow: 4px 4px 10px #444444;
     left: 20px;
     top: 20px;
+    min-width: 360px;
+    padding: 20px;
+    background: #ffffff;
+    box-shadow: 4px 4px 10px #444444;
 }
 
 #map_container {
@@ -34,8 +35,8 @@ html, body {
     width: 48px;
     height: 40px;
     position: absolute;
-    bottom: 150px;
-    right: 6px;
+    top: 10px;
+    right: 10px;
 }
 
 #toggle_sidebar_button.show_sidebar {
@@ -59,8 +60,8 @@ html, body {
     width: 48px;
     height: 40px;
     position: absolute;
-    bottom: 100px;
-    right: 6px;
+    top: 56px;
+    right: 10px;
 }
 
 #expand_sidebar_button {
@@ -161,9 +162,11 @@ select.error, textarea.error, input.error {
 
 .ol-zoom {
     left: unset !important;
-    right: 1.2em !important;
+    right: 20px !important;
+    top: 120px !important;
 }
 
 .layer-switcher {
-    top: 5em !important;
+    top: 190px !important;
+    right: 10px !important;
 }