Input sizes and label required aligment

admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.css

@@ -16,7 +16,6 @@ input[type="email"],
 textarea {
   font-size: 1.1em;
   padding: 0 0.545454545454545em;
-  min-width: 18.1818181818182em;
   height: 2.36363636363636em;
   /* 26px */
 
@@ -24,6 +23,7 @@ textarea {
   border-radius: 2px;
   box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
   color: #333;
+  width: 18.1818em;
 }
 input[type="text"]:hover,
 input[type="password"]:hover,
@@ -53,6 +53,36 @@ input[type="email"].error:focus,
 textarea.error:focus {
   box-shadow: 0 0 5px #ba1212;
 }
+input[type="text"].tiny,
+input[type="password"].tiny,
+input[type="email"].tiny,
+textarea.tiny {
+  width: 4.54545454545455em;
+}
+input[type="text"].small,
+input[type="password"].small,
+input[type="email"].small,
+textarea.small {
+  width: 9.09090909090909em;
+}
+input[type="text"].medium,
+input[type="password"].medium,
+input[type="email"].medium,
+textarea.medium {
+  width: 18.1818em;
+}
+input[type="text"].large,
+input[type="password"].large,
+input[type="email"].large,
+textarea.large {
+  width: 27.2727272727273em;
+}
+input[type="text"].xlarge,
+input[type="password"].xlarge,
+input[type="email"].xlarge,
+textarea.xlarge {
+  width: 36.3636363636364em;
+}
 textarea {
   padding: 0.45em 0.545454545454545em;
   height: auto;
@@ -254,7 +284,7 @@ button.primary:focus,
 .search-comp .icon-search {
   position: absolute;
   right: 0.2em;
-  top: 0.4em;
+  top: 0.6em;
   opacity: 0.5;
   filter: alpha(opacity=50);
 }
@@ -459,6 +489,8 @@ fieldset.border-top {
 .form-group .required {
   font-size: 1.1em;
   color: #CB2915;
+  display: inline-block;
+  margin-top: -0.09090909090909em;
 }
 legend + .form-group {
   padding-top: 1em;

admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/forms.less

@@ -23,12 +23,12 @@ input[type="email"],
 textarea {
     font-size: 1.1em;
     padding: 0 0.545454545454545em;
-    min-width: 18.1818181818182em;
     height: 2.36363636363636em; /* 26px */
     border: 1px #b6b6b6 solid;
     border-radius: 2px;
     box-shadow: inset 0px 2px 2px rgba(0,0,0,0.1);
     color: #333;
+    width: 18.1818em;
     
     &:hover {
         border-color: #62afdb;
@@ -49,6 +49,26 @@ textarea {
             box-shadow: 0 0 5px #ba1212;
         }
     }
+    
+    &.tiny {
+        width: 4.54545454545455em;
+    }
+    
+    &.small {
+        width: 9.09090909090909em;
+    }
+    
+    &.medium {
+        width: 18.1818em;
+    }
+    
+    &.large {
+        width: 27.2727272727273em;
+    }
+    
+    &.xlarge {
+        width: 36.3636363636364em
+    }
 }
 
 textarea {
@@ -280,7 +300,7 @@ button.primary,
     .icon-search {
         position: absolute;
         right: 0.2em;
-        top: 0.4em;
+        top: 0.6em;
         opacity: 0.5;
         filter: alpha(opacity=50);
         
@@ -532,6 +552,8 @@ fieldset.border-top {
     .required {
         font-size: 1.1em;
         color: #CB2915;
+        display: inline-block;
+        margin-top: -0.09090909090909em;
     }
 }
 

admin-ui-styles/src/main/resources/META-INF/resources/admin-ui/css/img/login-register-social.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="12px" height="400px" viewBox="0 0 12 400" enable-background="new 0 0 12 400" xml:space="preserve">
+<rect x="6.001" opacity="0.07" fill="#FFFFFF" enable-background="new    " width="0.997" height="190"/>
+<rect x="6" y="209" opacity="0.07" fill="#FFFFFF" enable-background="new    " width="1" height="191"/>
+<g opacity="0.15">
+	<path fill="#FFFFFF" d="M6.501,200.066c0,1.047-0.264,1.864-0.791,2.452S4.454,203.4,3.524,203.4c-0.574,0-1.084-0.135-1.529-0.404
+		c-0.445-0.27-0.789-0.656-1.031-1.16c-0.242-0.504-0.363-1.094-0.363-1.77c0-1.047,0.262-1.862,0.785-2.446
+		c0.523-0.584,1.25-0.876,2.18-0.876c0.898,0,1.612,0.299,2.142,0.896C6.238,198.237,6.501,199.047,6.501,200.066z M1.608,200.066
+		c0,0.821,0.164,1.446,0.492,1.875s0.811,0.645,1.447,0.645c0.636,0,1.12-0.214,1.45-0.643c0.33-0.428,0.495-1.053,0.495-1.877
+		c0-0.816-0.165-1.437-0.495-1.86s-0.817-0.636-1.462-0.636c-0.637,0-1.117,0.209-1.441,0.627
+		C1.77,198.615,1.608,199.238,1.608,200.066z"/>
+	<path fill="#FFFFFF" d="M11.136,196.744c0.285,0,0.541,0.023,0.768,0.07l-0.135,0.902c-0.266-0.059-0.5-0.088-0.703-0.088
+		c-0.52,0-0.964,0.211-1.333,0.633c-0.369,0.422-0.554,0.947-0.554,1.576v3.445H8.206v-6.422h0.803l0.111,1.189h0.047
+		c0.238-0.418,0.525-0.74,0.861-0.967C10.364,196.855,10.733,196.744,11.136,196.744z"/>
+</g>
+</svg>