From f6d01c82321c174cff9420ecb4ea5f39138a7d55 Mon Sep 17 00:00:00 2001 From: Jeremy Philemon Date: Sat, 18 Mar 2017 13:51:24 +0530 Subject: [PATCH] CSS: Make registration form responsive on <495px screen width. --- static/styles/portico.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/static/styles/portico.css b/static/styles/portico.css index 662fcfdd56..493c7d590b 100644 --- a/static/styles/portico.css +++ b/static/styles/portico.css @@ -850,7 +850,7 @@ a.bottom-signup-button { .register-form { margin: auto; - width: 400px; + width: 100%; text-align: center; } @@ -862,6 +862,12 @@ a.bottom-signup-button { margin-top: 10px; } +input.new-organization-button { + display: block; + margin-left: auto; + margin-right: auto; +} + .login-form .control-label, .register-form .control-label { margin-bottom: 2px; } @@ -1448,6 +1454,10 @@ a.bottom-signup-button { min-width: auto; } + .app-main { + padding: 0px; + } + .header { padding: 4px 0px 6px 0px; } @@ -1542,6 +1552,10 @@ label.label-title { font-weight: 600; } +input.new-organization-button { + margin-left: auto; +} + .input-group label.inline-block { /* eyeballing off-centered aesth. */ margin-top: 1px;