Ports tab clean up

6 files changed, 31 insertions, 33 deletions

diff --git a/js/serial_backend.js b/js/serial_backend.js
index a4ff12fd..24f67f14 100755
--- a/js/serial_backend.js
+++ b/js/serial_backend.js
@@ -241,12 +241,12 @@ function onConnect() {
 
     if ("CLFL" == CONFIG.flightControllerIdentifier){
         
-         /* placing this elsewhere
-         var documentationButton = $('#button-documentation');
-        documentationButton.show();
+        /* placing this elsewhere 
+        var documentationButton = $('#button-documentation');
+        documentationButton.show(); 
         documentationButton.html("Documentation for "+CONFIG.flightControllerVersion);
         documentationButton.attr("href","https://github.com/cleanflight/cleanflight/tree/v{0}/docs".format(CONFIG.flightControllerVersion));
-        */
+       */
         
         /* just a thought 
          var sensor_state = $('#sensor-status');
diff --git a/main.html b/main.html
index 3ffc7f7e..abc143e3 100755
--- a/main.html
+++ b/main.html
@@ -138,7 +138,7 @@
         
         
    
-      <div class="profile" style="display:none;">
+      	<div class="profile" style="display:none;">
         <span class="head" i18n="pidTuningProfileHead"></span>
         <select name="profile">
             <option value="0">1</option>
@@ -148,12 +148,7 @@
     </div>
         
     
-    
-    
-            <a id="options" href="#" i18n_title="options_title"></a>
-            
-             <div class="tab-dataflash" id="flashstate" style="width:120px; float:right; height:12px; display:none;"
->
+		<div class="tab-dataflash" id="flashstate" style="width:120px; float:right; height:12px; display:none;">
     <div class="require-dataflash" id="header_dataflash">
         <ul class="dataflash-contents" style="height:7px; margin:12px;">
                <li class="dataflash-free" style="height:10px; text-align:left;">
@@ -162,9 +157,10 @@
         </ul>
         
     </div>
-</div> 
-
-
+</div>  
+    
+            <a id="options" href="#" i18n_title="options_title"></a>
+          
 
             <div class="header-wrapper">
                 <div id="sensor-status" class="sensor_state">
diff --git a/main.js b/main.js
index 605b4ce8..c82e12ab 100644
--- a/main.js
+++ b/main.js
@@ -397,4 +397,9 @@ $("#showlog").on('click', function() {
     
 });
 
-});
\ No newline at end of file
+});
+
+
+
+
+
diff --git a/tabs/ports.css b/tabs/ports.css
index cca6c065..7bd7238f 100644
--- a/tabs/ports.css
+++ b/tabs/ports.css
@@ -6,11 +6,7 @@
     display: none;
 }
 
-.tab-ports .help {
-    padding: 10px;
-    background-color: #ffcb18;
-    margin-bottom: 10px;
-}
+
 
 .tab-ports table {
     margin-bottom: 10px;
@@ -66,11 +62,7 @@
     background-color: #dedcdc;
 }
 
-.tab-ports .note {
-    padding: 5px;
-    border: 1px dashed silver;
-    margin-bottom: 8px;
-}
+
 .tab-ports .require-support {
     display:none;
 }
diff --git a/tabs/ports.html b/tabs/ports.html
index 09f343ea..f96735c9 100644
--- a/tabs/ports.html
+++ b/tabs/ports.html
@@ -1,9 +1,15 @@
 <div class="tab-ports">
+ <div class="tab_title">Ports
+    <div class="cf_doc_version_bt">
+	<a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a></div>
+</div>
+
+
     <div class="require-support">
-        <div class="help">
-            <p i18n="portsHelp"></p>
+         <div class="note" style="margin-bottom:20px;">
+          <div class="note_spacer"><p i18n="portsHelp"></p><p i18n="portsMSPHelp"></p></div>
         </div>
-        <table class="ports">
+        <table class="ports" style="margin-bottom:20px;">
             <thead>
                 <tr>
                     <td>Identifier</td>
@@ -18,9 +24,7 @@
             </tbody>
         </table>
         
-        <div class="help">
-            <p i18n="portsMSPHelp"></p>
-        </div>
+        
         
         <div class="clear-both"></div>
         
diff --git a/tabs/setup.html b/tabs/setup.html
index 34372377..a16571a9 100644
--- a/tabs/setup.html
+++ b/tabs/setup.html
@@ -3,7 +3,8 @@
 
 <div class="cf_column full" style="margin-bottom:10px;">
   <div class="tab_title">Setup
-    <div class="cf_doc_version_bt"><a href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a></div>
+    <div class="cf_doc_version_bt">
+	<a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a></div>
 </div>
 
 
@@ -128,4 +129,4 @@
     
     </div></div>
     
-    
+