Client side validations

app/assets/stylesheets/admin/admin.sass

@@ -4,6 +4,13 @@ html
   -webkit-text-size-adjust: 100%
   -ms-text-size-adjust: 100%
 
+body > .container
+  background: #fff
+  padding: 16px 30px 30px 30px
+  margin-top: 0px
+  border-radius: 3px
+  min-height: 600px
+
 h1
   font-size: 26px
   margin-bottom: 16px
@@ -98,15 +105,6 @@ sub
   padding-right: 20px
   border-top: 0px
 
-.container
-  border-radius: 3px
-
-body > .container
-  background: #F8F8F8
-  margin-bottom: 50px
-  min-height: 600px
-  padding: 30px 30px 56px 30px
-
 .container.version
   background: transparent
   margin-top: -116px
@@ -155,21 +153,6 @@ h4
   margin-bottom: 16px
   float: right
 
-.navbar-brand
-  line-height: 12px
-  padding-top: 20px
-  padding-bottom: 5px
-
-.navbar-brand small
-  display: block
-  font-size: 10px
-
-.footer
-  color: #777
-  padding-top: 70px
-  padding-bottom: 10px
-  font-size: 10px
-
 .domify
   td
     vertical-align: middle !important
@@ -228,6 +211,9 @@ body.login
   display: block
   font-size: 10px
 
+.navbar
+  margin-bottom: 0
+
 .footer
   color: #777
   padding-top: 15px
@@ -259,7 +245,9 @@ body.login
   input
     margin-bottom: 10px
 
-// fix label position for medium screen
-@media (min-width: 768px) and (max-width: 991px)
-  .form-horizontal .control-label
-    text-align: left
+@media (min-width: 860px)
+  .control-label
+    text-align: right
+    margin-bottom: 0
+    padding-top: 7px
+