From 34a45e0b9b17d85ce4497ffb69d924751a1d1b7c Mon Sep 17 00:00:00 2001
From: Albert Kravcov <albertkravcov@ak-macbook-pro.localdomain>
Date: Sun, 15 Nov 2015 16:33:37 +0100
Subject: [PATCH] Fixing tab area (when log is open) = now scrollable. Also
 fixed: receiverMSP Button

---
 main.css               | 28 +++++++++++++--------------
 main.js                |  6 +++---
 tabs/receiver_msp.css  | 44 +++++++++++++++++++++++++++++++++++++-----
 tabs/receiver_msp.html |  5 ++++-
 4 files changed, 59 insertions(+), 24 deletions(-)

diff --git a/main.css b/main.css
index c0c0852b..05d93f78 100644
--- a/main.css
+++ b/main.css
@@ -111,9 +111,9 @@ input[type="number"]::-webkit-inner-spin-button {
 }
 
 .headerbar {
-	height:110px;
-	width:100%;
-	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
+    height:110px;
+    width:100%;
+    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
 }
 
 
@@ -512,6 +512,13 @@ input[type="number"]::-webkit-inner-spin-button {
     background-color: #2e2e2e;
 }
 
+.tab_container.logopen {
+    height: calc(100% - 235px);
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+
 #tabs {
     font-size: 13px;
 }
@@ -523,7 +530,6 @@ input[type="number"]::-webkit-inner-spin-button {
 
 #tabs.logopen ul {
     /* Cause the height to shrink to contain its floated contents while log is open */
-
 }
 
 .header-wrapper .mode-connected {
@@ -885,13 +891,8 @@ dialog {
 }
 
 .content_wrapper {
-    /* leave 20px side padding always */
-    /*padding: 0 20px 0 20px;
-    for testing: */
-  padding: 20px;
-  position: relative;
-  /*float: left;
-  width:calc(100% - 40px);*/
+    padding: 20px;
+    position: relative;
 }
 
 .content_toolbar {
@@ -1097,9 +1098,6 @@ dialog {
 }
 
 .fixed_band .save_btn a {
-    /*	line-height:20px;
-	padding:3px 13px 5px 13px;
-	*/
     margin-top: 9px;
     margin-bottom: 0px;
     margin-right: 20px;
@@ -1353,7 +1351,7 @@ dialog {
     border-radius: 3px;
     color: #fff;
     font-size: 10px;
-	}
+    }
 
 .fixfalse {
     background-color: #e60000;
diff --git a/main.js b/main.js
index 0a79479c..29613a01 100644
--- a/main.js
+++ b/main.js
@@ -367,8 +367,8 @@ $("#showlog").on('click', function() {
     if ( state ) {
         $("#log").animate({height: 27}, 200);
         $("#log").removeClass('active');
-		$("#content").removeClass('logopen');
-		$("#tabs").removeClass('logopen');
+        $("#content").removeClass('logopen');
+        $(".tab_container").removeClass('logopen');
         $("#scrollicon").removeClass('active');
 
         state = false;
@@ -376,7 +376,7 @@ $("#showlog").on('click', function() {
         $("#log").animate({height: 111}, 200);
         $("#log").addClass('active');
         $("#content").addClass('logopen');
-        $("#tabs").addClass('logopen');
+        $(".tab_container").addClass('logopen');
         $("#scrollicon").addClass('active');
 
         state = true;
diff --git a/tabs/receiver_msp.css b/tabs/receiver_msp.css
index 18231ee1..1c16f6c5 100644
--- a/tabs/receiver_msp.css
+++ b/tabs/receiver_msp.css
@@ -98,10 +98,44 @@ body {
     left: -65px;
 }
 
-.button-enable {
-    padding: 0.5em;
-    font-size: 110%;
-    margin-left: auto;
-    margin-right: auto;
+a {
+    text-decoration: none;
+    color: #000;
+    font-family: 'open_sanssemibold', Arial;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+.button-enable a {
+    /*  common styles for content toolbar buttons */
+    margin-top: 0px;
+    margin-bottom: 0px;
+    margin-left: 0px;
+    background-color: #59aa29;
+    border-radius: 3px;
+    border: 1px solid #4c8829;
+    color: #fff;
+    float: left;
+    font-family: 'open_sansbold', Arial;
+    font-size: 12px;
+    text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
     display: block;
+    cursor: pointer;
+    transition: all ease 0.2s;
+    padding: 0px;
+    padding-left: 9px;
+    padding-right: 9px;
+    line-height: 28px;
+}
+
+.button-enable a:hover {
+    background-color: #6ac435;
+    transition: all ease 0.2s;
+}
+.button-enable a:active {
+    background-color: #4d9324;
+    transition: all ease 0.0s;
+    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.35);
 }
\ No newline at end of file
diff --git a/tabs/receiver_msp.html b/tabs/receiver_msp.html
index c569ca31..9aa396bd 100644
--- a/tabs/receiver_msp.html
+++ b/tabs/receiver_msp.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+<link type="text/css" rel="stylesheet" href="../css/opensans_webfontkit/fonts.css" media="all" />
 <script type="text/javascript" src="/js/libraries/jquery-2.1.4.min.js"></script>
 <script type="text/javascript" src="/js/libraries/jquery-ui-1.11.4.min.js"></script>
 <script type="text/javascript" src="/js/libraries/jquery.nouislider.all.min.js"></script>
@@ -56,7 +57,9 @@
             This feature does not guarantee reliable control of your craft. <strong>Serious injury is likely to
                 result if propellers are left on.</strong>
         </p>
-        <button class="button-enable" type="button">Enable controls</button>
+        <div class="button-enable btn">
+            <a class="button-enable" href="#">Enable controls</a>
+        </div>
     </div>
 </body>
 </html>
\ No newline at end of file