voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Put login / register boxes vertical when narrow.

Browse source
This commit is contained in:
voussoir 2017-07-20 23:02:09 -07:00
parent f14d5fa312
commit 463b627920
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontends/etiquette_flask/templates/login.html
View file

@ -20,7 +20,7 @@ button
#content_body #content_body
{ {
display: flex; display: flex;
flex: 1; flex: 1 1 auto;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -34,6 +34,7 @@ button
{ {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex: 0 0 auto;
} }
#login_form, #login_form,
@ -54,6 +55,13 @@ button
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
@media screen and (max-width: 800px)
{
#login_register_box
{
flex-direction: column;
}
}
</style> </style>
</head> </head>