Merge pull request #7 from JonnyBurger/master

tbocek · web-flow · commit e9f882f723d4 · 2020-12-23T14:13:27.000+01:00
Better responsive login page
diff --git a/login.html b/login.html
@@ -3,21 +3,23 @@
 <head>
     <meta charset='utf-8'>
     <title>Login</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
         @import url(https://fonts.googleapis.com/css?family=Roboto:300);
 
         .login-page {
-            width: 50%;
+            max-width: 450px;
             padding: 8% 0 0;
             margin: auto;
         }
         .form {
             position: relative;
             z-index: 1;
             background: #FFFFFF;
-            max-width: 50%;
             margin: 0 auto 100px;
             padding: 45px;
+            margin-left: 20px;
+            margin-right: 20px;
             text-align: center;
             box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);
         }
