From 3eb596c499255cc9a08eae91450ee6a7844fc1a6 Mon Sep 17 00:00:00 2001
From: skaman82 <skaman82@users.noreply.github.com>
Date: Wed, 2 Dec 2015 02:12:50 +0100
Subject: [PATCH] GPS Tab: CSS adjustments for collapsed view

---
 tabs/gps.css  | 22 +++++++++++++++++++++-
 tabs/gps.html |  2 +-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/tabs/gps.css b/tabs/gps.css
index 4a813259..5aca28ad 100644
--- a/tabs/gps.css
+++ b/tabs/gps.css
@@ -16,6 +16,11 @@
     background-color: #ececec;
 }
 
+.tab-gps .gps_map {
+    height: 460px;
+}
+
+
 .tab-gps #connect {
    display:none; 
    text-align:center;
@@ -113,4 +118,19 @@ progress[value]::-webkit-progress-value {
         -webkit-linear-gradient(left, #59aa29, #59aa29);
     border-radius: 2px;
     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25) inset;
-}
\ No newline at end of file
+}
+
+
+@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
+
+.tab-gps iframe {
+    height: 347px;
+    width: 100%;
+    float: left;
+}
+
+.tab-gps .gps_map {
+    height: 403px;
+}
+
+}
diff --git a/tabs/gps.html b/tabs/gps.html
index 00bc2840..64962911 100644
--- a/tabs/gps.html
+++ b/tabs/gps.html
@@ -146,7 +146,7 @@
             </div>
         </div>
         <div class="cf_column half">
-            <div class="gui_box grey" style="height: 460px;">
+            <div class="gui_box grey gps_map">
                 <div class="gui_box_titlebar" style="margin-bottom: 0px;">
                         <div class="spacer_box_title" i18n="gpsHead"></div>
                 </div>