diff options
| author | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-29 23:38:14 +0200 |
|---|---|---|
| committer | Ilion Beyst <ilion.beyst@gmail.com> | 2022-03-29 23:38:14 +0200 |
| commit | 0e3ff9201e8479935f928c05ed6b11ae1c086e00 (patch) | |
| tree | 185f9d938b59ab22138daf4f321b01f85cb7abbc | |
| parent | 2479d1ec1a10410a72b2744f4067927112590f2a (diff) | |
| download | planetwars.dev-0e3ff9201e8479935f928c05ed6b11ae1c086e00.tar.xz planetwars.dev-0e3ff9201e8479935f928c05ed6b11ae1c086e00.zip | |
add responsive css rule to account forms
| -rw-r--r-- | web/pw-server/src/styles/account_forms.scss | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/web/pw-server/src/styles/account_forms.scss b/web/pw-server/src/styles/account_forms.scss index 36cc96b..5aa590d 100644 --- a/web/pw-server/src/styles/account_forms.scss +++ b/web/pw-server/src/styles/account_forms.scss @@ -1,7 +1,8 @@ .page-card { margin: 50px auto; - width: 40%; - max-width: 600px; + max-width: 520px; + min-width: 400px; + width: 80%; border: 1px solid #b5b5b5; box-sizing: border-box; border-radius: 0px; @@ -50,3 +51,14 @@ margin-top: 16px; cursor: pointer; } + +@media screen and (max-width: 480px) { + .page-card { + width: 90%; + min-width: 0; + } + + .page-card-content { + margin: 20px 5px; + } +} |