commit c7e5c660fbc72f1599bf6d40a25239d4413b8e8f parent 839c4346ad8164cd6082653c20074ee636fb41bd Author: tobi <31960611+tsmethurst@users.noreply.github.com> Date: Fri, 15 Jul 2022 13:23:15 +0200 [frontend] Footer styling adjustments (#709) * adjust footer rendering * use max-width instead of orientation * remove margin-top when screen small Diffstat:
| M | web/source/css/base.css | | | 11 | ++++++----- |
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/web/source/css/base.css b/web/source/css/base.css @@ -250,15 +250,16 @@ input, select, textarea { footer { align-self: end; + padding: 2rem 0 1rem 0; - padding: 2rem; display: flex; flex-wrap: wrap; justify-content: center; div { - margin: 0 2rem; + text-align: center; padding: 1rem; + flex-grow: 1; } a { @@ -266,17 +267,17 @@ footer { } } -@media screen and (orientation: portrait) { +@media screen and (max-width: 600px) { header { text-align: center; } footer { - margin-top: 2rem; grid-template-columns: 1fr; div { - margin: 0.3rem 0; + text-align: initial; + width: 100%; } }