[auth] UI changes

src/main/less/auth.less

@@ -17,12 +17,19 @@
     margin-right: 100px;
   }
 
-  .oauth_submit { text-align: center; }
+  .oauth_submit {
+    text-align: center;
+    display: inline-block;
+  }
 
   .authorize-wrapper {
     margin: 15px 0 10px;
   }
 
+  .authorize-wrapper_operation {
+    float: right;
+  }
+
   .authorize__btn {
     &:hover {
       text-decoration: underline;
@@ -32,10 +39,12 @@
 
   #auth_container {
     color: #fff;
-    width: 190px;
-    float: left;
+    display: inline-block;
     border: none;
     padding: 5px;
+    width: 87px;
+    height: 13px;
+
     .authorize__btn {
       color: #fff;
     }
@@ -51,20 +60,19 @@
       font-size: 1.2em;
     }
 
+    .basic_auth__label {
+      display: inline-block;
+      width: 60px;
+    }
+
     .auth__description {
       color: #999999;
       margin-bottom: 5px;
     }
 
-    .auth_submit__button, .auth_logout__button {
-      color: #547f00;
-      border: none;
-      text-decoration: underline;
-      background: none;
-      padding-left: 0;
-      font-size: 1em;
-      cursor: pointer;
-      outline: none;
+    .auth__button {
+      margin-top: 10px;
+      height: 30px;
     }
 
     .basic_auth_container {

src/main/less/screen.less

@@ -77,7 +77,8 @@
 
   #header {
     background-color: #89bf04;
-    padding: 14px;
+    padding: 9px 14px 19px 14px;
+    height: 23px;
   }
 
   #input_baseUrl { width: 400px; }
@@ -89,9 +90,8 @@
   }
 
   #api_selector .input {
-    display: block;
+    display: inline-block;
     clear: none;
-    float: left;
     margin: 0 10px 0 0;
   }
 
@@ -103,7 +103,7 @@
 
   #input_apiKey { width: 200px; }
 
-  #explore {
+  #explore, #auth_container .authorize__btn {
     display: block;
     text-decoration: none;
     font-weight: bold;
@@ -125,9 +125,18 @@
     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;
+
+    .logo__img {
+      display: block;
+      float: left;
+      margin-top: 2px;
+    }
+
+    .logo__title {
+      display: inline-block;
+      padding: 5px 0 0 10px;
+    }
   }
 
   #content_message {

src/main/less/specs.less

@@ -4,6 +4,7 @@
 
     line-height: 1;
     font-family: "Droid Sans", sans-serif;
+    min-width: 760px;
     max-width: 960px;
     margin-left: auto;
     margin-right: auto;