diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2022-07-15 13:23:15 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-07-15 13:23:15 +0200 |
| commit | c7e5c660fbc72f1599bf6d40a25239d4413b8e8f (patch) | |
| tree | 1667dc64b7d30697ecbc7d0b5c28816f0f480bc3 | |
| parent | [performance] Add long cache-control max age to fileserver (#710) (diff) | |
| download | gotosocial-c7e5c660fbc72f1599bf6d40a25239d4413b8e8f.tar.xz | |
[frontend] Footer styling adjustments (#709)
* adjust footer rendering
* use max-width instead of orientation
* remove margin-top when screen small
| -rw-r--r-- | web/source/css/base.css | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index 0b09a9a90..bf0599803 100644 --- 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%; } } |