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