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 @@
+
@@ -56,7 +57,9 @@
This feature does not guarantee reliable control of your craft. Serious injury is likely to
result if propellers are left on.
-
+
\ No newline at end of file