Improve footer formatting for small screens

This commit is contained in:
orangesurf
2023-10-08 17:52:03 +01:00
parent 02c892aa07
commit e27cf33981
2 changed files with 10 additions and 10 deletions

View File

@@ -88,7 +88,14 @@ footer .row.link-tree {
footer .row.social-links {
text-align: center;
margin: 24px 0;
display: flex;
flex-wrap: wrap;
width: fit-content;
margin: 0 auto;
@media (max-width: 450px){
width: 250px;
}
}
footer .row.social-links a {
@@ -97,6 +104,7 @@ footer .row.social-links a {
footer .row.social-links svg {
width: 20px;
margin: 10px 0 10px 0;
}
footer .row.version {
@@ -189,10 +197,6 @@ footer .sponsor {
margin-top: 15px;
}
footer .row.social-links {
margin: 48px 0 24px 0;
}
footer .selector:not(:last-child) {
margin-right: 10px;
}
@@ -236,10 +240,6 @@ footer .sponsor {
margin-top: 15px;
}
footer .services.row.social-links {
margin: 48px 0 24px 0;
}
footer .services.selector:not(:last-child) {
margin-right: 10px;
}