diff --git a/main.css b/main.css
index d4f298e0..0d38e6ce 100644
--- a/main.css
+++ b/main.css
@@ -14,7 +14,7 @@ body {
     font-family: 'open_sansregular', 'Segoe UI', Tahoma, sans-serif;
     font-size: 12px;
     color: #303030;
-	background-color:#3f4140;
+	background-color:#3d3f3e;
 	margin:0px;
 	padding:0px;
 }
@@ -471,8 +471,8 @@ color:#ddd;
 */
 #options {
     float: right;
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
 	margin-top:10px;
 	margin-right:10px;
     background-image: url('./images/CF_settings_white.svg');
@@ -597,8 +597,9 @@ margin-right:20px;
 .tab_container {
 	float:left; 
 	height:calc(100% - 150px);	
-	width:210px; 
+	width:200px; 
 	border-right: 4px solid #59aa29;
+	background-color: #2e2e2e;
 	}
 	
 	
@@ -616,15 +617,27 @@ margin-right:20px;
 }
 
 #tabs ul {
-	height:100%;
+	height:100%;	
 	float:left;
 	margin-top:0px;
     overflow: hidden;
     width:100%;
+    overflow-y: scroll; /* scroll*/
 
-	 /* Cause the height to expand to contain its floated contents */
 }
 
+#tabs.logopen ul {
+	height:calc(100% - 65px);	
+	float:left;
+	margin-top:0px;
+    overflow: hidden;
+    width:100%;
+    overflow-y: scroll; /* scroll*/
+
+	 /* Cause the height to shrink to contain its floated contents while log is open */
+}
+
+
 #tabs ul.mode-connected {
     display: none;
 }
@@ -900,6 +913,7 @@ li.active .ic_mission {
     border: 0px solid #848484; /* 1px solid #848484; */
     -webkit-transform: rotateX(0deg); /* DO NOT REMOVE! this fixes the UI freezing bug on MAC OS X */
     transition: all  1.3s;
+	 /* Cause the height to shrink to contain its floated contents while log is open */
 
 }
 
@@ -957,12 +971,10 @@ dialog {
 
 /* Border of the Tab */
 
-
-	
 	
 	
 	/* Tab Title */
-.tab_title {
+	.tab_title {
 	float:left;
 	width:100%;
 	border-bottom:1px solid #59aa29;
@@ -1121,16 +1133,16 @@ dialog {
 /* Fixed area at the Bottom */
 
 .fixed_band {
-	position: ;
+	position: relative;
 	height: 50px;
     background-color:#e4e4e4;
-	width:100%;
-	margin-left:0px;
-	box-shadow:rgba(0,0,0,0.20) 0 -3px 8px ;
-	z-index:1000;
-	float:left;
-	margin-top:0px;
+	width:calc(100% + 40px);
+	margin-left:-20px;
+	box-shadow:rgba(0,0,0,0.00) 0 -3px 8px ;
+	bottom:0px;
 	margin-bottom:0px;
+
+
 	}	
 
 	
@@ -1139,10 +1151,10 @@ dialog {
 /*	line-height:20px;
 	padding:3px 13px 5px 13px;
 	*/
-	margin-top: 10px;
-	margin-bottom: 10px;
+	margin-top: 9px;
+	margin-bottom: 0px;
 
-	margin-right:15px;
+	margin-right:20px;
 	background-color:#59aa29;
 	border-radius:3px;
 	border: 1px solid #4c8829;
@@ -1154,7 +1166,7 @@ dialog {
 	display:block;
 	cursor:pointer;
 	transition: all ease 0.2s;
-	padding:5px;
+	padding:0px;
 	padding-left:9px;
 	padding-right:9px;
 
@@ -1396,6 +1408,8 @@ background-color:#e60000;
 	padding:20px;
 	float:left;
 	width:calc(100% - 40px);
+	height:calc(100% - 40px) !important;
+	position:absolute !important; 
 	}
 	
 
diff --git a/main.js b/main.js
index 7d24fb0a..605b4ce8 100644
--- a/main.js
+++ b/main.js
@@ -379,7 +379,7 @@ $("#showlog").on('click', function() {
         $("#log").animate({height: 27}, 800);
         $("#log").removeClass('active');
 		$("#content").removeClass('logopen');
-
+		$("#tabs").removeClass('logopen');
         $("#scrollicon").removeClass('active');
 
         state = false;
@@ -387,6 +387,7 @@ $("#showlog").on('click', function() {
         $("#log").animate({height: 111}, 800);
         $("#log").addClass('active');
         $("#content").addClass('logopen');
+        $("#tabs").addClass('logopen');
         $("#scrollicon").addClass('active');
 
         state = true;
diff --git a/styles/dropdown-lists/css/style_lists.css b/styles/dropdown-lists/css/style_lists.css
index 16abfd8a..e70485e3 100644
--- a/styles/dropdown-lists/css/style_lists.css
+++ b/styles/dropdown-lists/css/style_lists.css
@@ -119,7 +119,9 @@
 }
 
 .dropdown-dark {
-  background: #636363;
+    background: #636363; /* NEW2 */
+  background: #3e403f; /* NEW */
+
   border-color: #111 #0a0a0a black;
   background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
   background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
diff --git a/tabs/configuration.html b/tabs/configuration.html
index cfc04fba..4c5deb2e 100644
--- a/tabs/configuration.html
+++ b/tabs/configuration.html
@@ -325,13 +325,13 @@
   
 
 
-
-
+<div class="fixed_band"><div class="save_btn"><a class="save" href="#" i18n="configurationButtonSave"></a>
+</div></div>
 
 </div>
 
 
-<div class="fixed_band"><div class="save_btn"><a class="save" href="#" i18n="configurationButtonSave"></a>
-</div></div>
+
+
 
 
diff --git a/tabs/ports.html b/tabs/ports.html
index 9d074c8d..09f343ea 100644
--- a/tabs/ports.html
+++ b/tabs/ports.html
@@ -29,11 +29,14 @@
     </div>
 
 
+<div class="fixed_band"><div class="save_btn"><a class="save" href="#" i18n="configurationButtonSave"></a>
+</div></div>
+
+
 </div>
 
 
-<div class="fixed_band"><div class="save_btn"><a class="save" href="#" i18n="configurationButtonSave"></a>
-</div></div>
+
 
 
 <div id="tab-ports-templates">