From 1668e2fcf38b896293cf5d1cee15aee96e631d2a Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sat, 3 Mar 2018 14:18:01 +0100
Subject: [PATCH] Minor form improvements

---
 res/css/login.css  | 10 ++++++++--
 res/css/login.sass |  8 +++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/res/css/login.css b/res/css/login.css
index 0ffb6d4..b78deb7 100644
--- a/res/css/login.css
+++ b/res/css/login.css
@@ -45,6 +45,9 @@
   box-sizing: border-box;
   -webkit-tap-highlight-color: transparent; }
 
+html {
+  background: #F2F2F2; }
+
 body {
   background: #F2F2F2;
   font-family: 'Roboto', sans-serif;
@@ -66,7 +69,8 @@ body {
 
 form {
   background: #fff;
-  max-width: 390px;
+  max-width: 320px;
+  width: 100%;
   padding: 20px 48px;
   margin: 0 auto;
   color: #212121;
@@ -74,7 +78,9 @@ form {
   @media (max-width: 320px) {
     form {
       padding: 8px 16px;
-      margin: initial; } }
+      margin: initial;
+      width: initial;
+      max-width: initial; } }
 
 .header {
   display: flex;
diff --git a/res/css/login.sass b/res/css/login.sass
index a7d7b2c..168b499 100644
--- a/res/css/login.sass
+++ b/res/css/login.sass
@@ -8,6 +8,9 @@
   box-sizing: border-box
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 
+html
+  background: #F2F2F2
+
 body
   background: #F2F2F2
   font-family: 'Roboto', sans-serif
@@ -30,7 +33,8 @@ body
 
 form
   background: #fff
-  max-width: 390px
+  max-width: 320px
+  width: 100%
   padding: 20px 48px
   margin: 0 auto
   color: #212121
@@ -39,6 +43,8 @@ form
   @media(max-width: 320px)
     padding: 8px 16px
     margin: initial
+    width: initial
+    max-width: initial
 
 .header
   display: flex
-- 
GitLab