Convert options layout to side-tabs, and improve readability

web/skins/classic/css/classic/skin.css

@@ -432,6 +432,21 @@ th.table-th-sort-rev span.table-th-sort-span {
     padding: 8px;
 }
 
-.nav.nav-tabs {
-    margin-bottom: 15px;
+.nav.nav-pills.nav-stacked.col-md-2 {
+	padding-right: 0;
+}
+
+.nav.nav-pills.nav-stacked.col-md-2 > li > a {
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+#options {
+	border-left: 1px solid #337ab7;
+}
+
+#options .form-group {
+	margin-bottom: 20px;
+	border-bottom: 1px solid #e7e7e7;
+
 }

web/skins/classic/views/options.php

@@ -60,7 +60,7 @@ xhtmlHeaders( __FILE__, translate('Options') );
     <?php include("skins/$skin/views/header.php") ?>
 
     <div class="container-fluid">
-      <ul class="nav nav-tabs">
+      <ul class="nav nav-pills nav-stacked col-md-2">
 <?php
 foreach ( $tabs as $name=>$value )
 {
@@ -79,6 +79,8 @@ foreach ( $tabs as $name=>$value )
 }
 ?>
       </ul>
+
+      <div id="options" class="col-md-10">
 <?php 
 $skin_options = array_map( 'basename', glob('skins/*',GLOB_ONLYDIR) );
 if($tab == 'skins') {
@@ -364,6 +366,8 @@ elseif ( $tab == "users" )
 <?php
 }
 ?>
+
+    </div><!-- end #options -->
     </div>
 </body>
 </html>