mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2024-11-30 20:31:09 +00:00
[frontend] Footer styling adjustments (#709)
* adjust footer rendering * use max-width instead of orientation * remove margin-top when screen small
This commit is contained in:
parent
839c4346ad
commit
c7e5c660fb
1 changed files with 6 additions and 5 deletions
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue