Updated mobile UI

res/login.css

@@ -9,11 +9,7 @@ body:last-child {
 form {
     background-color: #f7f7f7;
     margin: 0 auto 25px;
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
     border-radius: 2px;
-    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
     width: 274px;
     padding: 40px 40px;
@@ -31,7 +27,6 @@ h1 {
 
 h2 {
     font-family: 'Open Sans', arial;
-    -webkit-font-smoothing: antialiased;
     color: #555;
     font-size: 18px;
     font-weight: 400;
@@ -49,11 +44,7 @@ input[type=text], input[type=password] {
     background: #fff;
     border: 1px solid #d9d9d9;
     border-top: 1px solid #c0c0c0;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
     border-radius: 1px;
     font-size: 15px;
     color: #404040;
@@ -82,10 +73,6 @@ input[type=submit] {
     color: #fff;
     text-shadow: 0 1px rgba(0, 0, 0, 0.1);
     background-color: #4d90fe;
-    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
-    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
-    background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
-    background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
     background-image: linear-gradient(top, #4d90fe, #4787ed);
     width: 100%;
     display: block;
@@ -94,3 +81,13 @@ input[type=submit] {
     position: relative;
     box-sizing: border-box;
 }
+
+@media (max-width: 800px) {
+    body :first-child {
+        margin-top: 1rem;
+    }
+
+    body:last-child {
+        margin-bottom: 1rem;
+    }
+}
\ No newline at end of file