Reduce nesting, rewrite selectors

src/main/less/screen.less

@@ -1,23 +1,23 @@
+
+
 @import 'src/main/less/highlight_default.less';
 @import 'src/main/less/specs.less';
 @import 'src/main/less/auth.less';
 
 .swagger-section {
 
-.access {
-    float: right;
-}
+  .access { float: right; }
 
-.auth {
-    float: right;
-}
+  .auth { float: right; }
 
   .api-ic {
     height: 18px;
     vertical-align: middle;
     display: inline-block;
     background: url(../images/explorer_icons.png) no-repeat;
-    .api_information_panel {
+  }
+
+  .api-ic .api_information_panel {
     position: relative;
     margin-top: 20px;
     margin-left: -5px;
@@ -30,23 +30,15 @@
     line-height: 30px;
     color: black;
     padding: 5px;
-        p {
-            .api-msg-enabled {
-                color: green;
-            }
-            .api-msg-disabled {
-                color: red;
-            }
-        }
-    }
   }
 
-.api-ic:hover {
-    .api_information_panel {
+  .api-ic .api_information_panel p .api-msg-enabled { color: green; }
+  .api-ic .api_information_panel p .api-msg-disabled { color: red; }
+
+  .api-ic:hover .api_information_panel {
     position: absolute;
     display: block;
   }
-}
 
   .ic-info {
     background-position: 0 0;
@@ -54,24 +46,28 @@
     margin-top: -6px;
     margin-left: 4px;
   }
+
   .ic-warning {
     background-position: -60px 0;
     width: 18px;
     margin-top: -6px;
     margin-left: 4px;
   }
+
   .ic-error {
     background-position: -30px 0;
     width: 18px;
     margin-top: -6px;
     margin-left: 4px;
   }
+
   .ic-off {
     background-position: -90px 0;
     width: 58px;
     margin-top: -4px;
     cursor: pointer;
   }
+
   .ic-on {
     background-position: -160px 0;
     width: 58px;
@@ -82,30 +78,32 @@
   #header {
     background-color: #89bf04;
     padding: 14px;
-    a#logo {
-        font-size: 1.5em;
-        font-weight: bold;
-        text-decoration: none;
-        background: transparent url(../images/logo_small.png) no-repeat left center;
-        padding: 20px 0 20px 40px;
-        color: white;
   }
-    form#api_selector {
+
+  #input_baseUrl { width: 400px; }
+
+  #api_selector {
     display: block;
     clear: none;
     float: right;
-        .input {
+  }
+
+  #api_selector .input {
     display: block;
     clear: none;
     float: left;
     margin: 0 10px 0 0;
-            input#input_apiKey {
-                width: 200px;
   }
-            input#input_baseUrl {
-                width: 400px;
+
+  #api_selector input {
+    font-size: 0.9em;
+    padding: 3px;
+    margin: 0;
   }
-            a#explore {
+
+  #input_apiKey { width: 200px; }
+
+  #explore {
     display: block;
     text-decoration: none;
     font-weight: bold;
@@ -119,17 +117,17 @@
     -ms-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
+
+    &:hover { background-color: #547f00; }
   }
-            a#explore:hover {
-                background-color: #547f00;
-            }
-            input {
-                font-size: 0.9em;
-                padding: 3px;
-                margin: 0;
-            }
-        }
-    }
+
+  #header a#logo {
+    font-size: 1.5em;
+    font-weight: bold;
+    text-decoration: none;
+    background: transparent url(../images/logo_small.png) no-repeat left center;
+    padding: 20px 0 20px 40px;
+    color: white;
   }
 
   #content_message {
@@ -143,5 +141,4 @@
     text-align: center;
     padding-top: 10px;
   }
-
 }