Updated Login page styles

src/main/webapp/WEB-INF/css/login.css

@@ -10,7 +10,9 @@
 }
 .myteam-login .login {
     background: #fff;
-    height: 100%;
+    border: 1px solid #00b4e5;
+    height: calc(100% - 136px);
+    margin: 10px;
     padding: 0 50px;
     position: absolute;
     right: 0;
@@ -71,3 +73,23 @@
 	margin: 0;
 	width: 100%;
 }
+
+/* ===== For Mobile Devices ===== */
+@media only screen and (min-width: 320px) and (max-width: 480px) {
+    .myteam-login .login {
+        background: #fff;
+        border: 1px solid #00b4e5;
+        height: auto;
+        margin: 0;
+        padding: 30px;
+        position: absolute;
+        right: 50%;
+        top: 50%;
+        transform: translate(50%, -50%);
+    }
+    .myteam-login .login > div {
+        position: relative;
+        top: 0;
+        transform: translate(0, 0);
+    }
+}