From 463b627920ddc7cefc4557cb20818ba155354904 Mon Sep 17 00:00:00 2001 From: Ethan Dalool Date: Thu, 20 Jul 2017 23:02:09 -0700 Subject: [PATCH] Put login / register boxes vertical when narrow. --- frontends/etiquette_flask/templates/login.html | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/frontends/etiquette_flask/templates/login.html b/frontends/etiquette_flask/templates/login.html index 6598832..e94704d 100644 --- a/frontends/etiquette_flask/templates/login.html +++ b/frontends/etiquette_flask/templates/login.html @@ -20,7 +20,7 @@ button #content_body { display: flex; - flex: 1; + flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: center; @@ -34,6 +34,7 @@ button { display: flex; flex-direction: row; + flex: 0 0 auto; } #login_form, @@ -54,6 +55,13 @@ button margin-top: 5px; margin-bottom: 5px; } +@media screen and (max-width: 800px) +{ + #login_register_box + { + flex-direction: column; + } +}