Further testing of adapting css

eventPage.js

@@ -10,8 +10,9 @@ function startApplication() {
         id: 'main-window',
         frame: 'chrome',
         innerBounds: {
-            minWidth: 1150, // changed from 960
+            minWidth: 1024, // changed from 960
             minHeight: 700 //  changed from 625
+
         }
     }, function (createdWindow) {
         createdWindow.contentWindow.addEventListener('load', function () {

main.css

@@ -78,7 +78,6 @@ a:hover {
 	text-transform:uppercase;
 	letter-spacing: 0.03em;
 	display:block;
-
 	}
 
 .cf_doc_version_bt a:hover {
@@ -1431,13 +1430,25 @@ dialog {
 	}
 	
 	
-@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
+@media only screen and (max-height: 710px), only screen and (max-device-height: 710px) {
 
 	
 .tab_title {
-	display:none;
+	font-size:16px;
+	line-height:18px;
+	height:24px;
+	font-family: 'open_sanslight', Arial;
+	margin-bottom:10px;
+	display:;
 	}
-	
+
+.cf_doc_version_bt a {
+	padding:1px 5px 1px 5px;
+	margin-top: -35px;
+	font-size:9px;
+	line-height:15px;
+	}
+		
 #content {
     height:calc(100% - 151px); /*  (port picker 105px, log CLOSED 25px, status bar: 20px + padding) - was: calc(100% - 171px)*/
 }
@@ -1463,5 +1474,9 @@ body {
 
 .default_btn {
 	margin-bottom:7px;
-}	
+}
+
+
+	
+	
 	}

tabs/setup.css

@@ -198,7 +198,7 @@ margin-bottom:10px;
 	}
 	
 
-@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
+@media only screen and (max-height: 710px), only screen and (max-device-height: 710px) {
 
 
 #interactive_block  {

tabs/setup.html

@@ -5,7 +5,7 @@
     <div class="cf_doc_version_bt">
       <a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a>
     </div>
-    <div class="cf_column fourth" style="min-height:100px;">
+    <div class="cf_column fourth" style="min-height:100px; width:20%;">
       <div class="spacer_right">
         <div class="default_btn"><a class="calibrateAccel" id="default_btn green" href="#" i18n="initialSetupButtonCalibrateAccel"></a></div>
         <div class="default_btn"><a class="calibrateMag" href="#" i18n="initialSetupButtonCalibrateMag" ></a></div>
@@ -22,7 +22,7 @@
         </div>
       </div>
     </div>
-    <div class="threefourth_right">
+    <div class="threefourth_right" style="width:80%;">
       <div class="spacer_left">
         <div class="cell_setup"><span i18n="initialSetupCalibrateAccelText"></span></div>
         <div class="cell_setup"><span i18n="initialSetupCalibrateMagText"></span></div>