Redesigned and polished login view, still needs work on validation

src/css/less/p_pro.less

@@ -70,16 +70,55 @@
 }
 
 .login-inner-box {
+  background: @grafanaPanelBackground;
+  h1 {
+    font-size: 1.15em;
+    background: @grafanaTargetBackground;
+    text-align: center;
+    padding: 2px;
+  }
+}
+
+.login-signup-button {
+  width: 45%;
+  text-align: center;
+
+  a {
+    font-weight: bold;
+  }
+  &.login-signup-button-disable {
+    a {
+      color: darken(@linkColor, 35%);
+    }
+  }
+}
+
+.login-oauth {
+  margin-top: 30px;
+  padding: 10px;
+  background: @grafanaTargetBackground;
+  .btn-google {
+    background: #dd4b39;
+    color: white;
+  }
+  .btn-github {
+    background: #555;
+    color: white;
+  }
+}
+
+.login-form {
   width: 50%;
   float: left;
   margin-left: 25%;
   margin-right: 25%;
+  padding-top: 30px;
 }
 
 .login-box {
   width: 700px;
   margin: 100px auto 0 auto;
- }
+}
 
 .login-box-logo {
   text-align: center;

src/css/less/tightform.less

@@ -125,15 +125,20 @@ input[type=text].tight-form-clear-input {
   border-right: 1px solid @grafanaTargetSegmentBorder;
 }
 
-//[type=text].grafana-target-segment-input, [type=number].grafana-target-segment-input {
-[type=text].tight-form-input, [type=number].tight-form-input {
-  border: none;
-  border-right: 1px solid @grafanaTargetSegmentBorder;
-  margin: 0px;
-  border-radius: 0;
-  padding: 8px 4px;
-  &.last {
-    border-right: none;
+[type=text],
+[type=email],
+[type=number],
+[type=password] {
+
+  &.tight-form-input {
+    border: none;
+    border-right: 1px solid @grafanaTargetSegmentBorder;
+    margin: 0px;
+    border-radius: 0;
+    padding: 8px 4px;
+    &.last {
+      border-right: none;
+    }
   }
 }