Update the login form to trial new form styles

h/static/styles/common.scss

@@ -188,7 +188,7 @@ h6 {
 .form-vertical {
   select, textarea, input, button {
     display: block;
-    margin-top: .75em;
+    // margin-top: .75em;
   }
 }
 

h/static/styles/forms.scss

@@ -4,16 +4,22 @@
   margin-bottom: 10px;
 }
 
-.form-field-error {
-  .form-input {
-    &, &:focus, &.js-focus {
-      color: #b4777a;
-      border-color: #f5adb7;
-      background-color: #fff1f3;
-    }
+%form-input-error-state {
+  &, &:focus, &.js-focus {
+    color: #b4777a;
+    border-color: #f5adb7;
+    background-color: #fff1f3;
+  }
+
+  @include placeholder {
+    color: #e0b0b0;
   }
 }
 
+.form-field-error .form-input {
+  @extend %form-input-error-state;
+}
+
 .form-input,
 .form-label {
   width: 100%;
@@ -23,7 +29,7 @@
 .form-label {
   cursor: pointer;
   font-weight: bold;
-  font-size: 15px;
+  font-size: 13px;
   margin-bottom: 5px;
 }
 
@@ -63,6 +69,11 @@
       color: #cbbb95;
     }
   }
+
+  // This is not ideal
+  &.ng-dirty.ng-invalid {
+    @extend %form-input-error-state;
+  }
 }
 
 .form-select {
@@ -104,17 +115,18 @@
 }
 
 .form-actions {
+  @include pie-clearfix;
   margin-top: 5px;
-  overflow: hidden;
 }
 
 .form-actions-message {
+  font-size: 13px;
   float: left;
-  margin-top: 2px;
+  margin-top: 7px;
 }
 
 .form-actions-buttons {
-  overflow: hidden;
+  @include pie-clearfix;
   float: right;
 
   * {