[CSS] Further dialing of sizes and media queries for a better mobile UX

This commit is contained in:
Eliseu Amaro 2022-02-08 17:14:28 +00:00
parent 80dfea6812
commit 79bb258ba6
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
2 changed files with 16 additions and 0 deletions

View File

@ -148,6 +148,10 @@ hr {
overflow: auto;
}
@media only screen and (max-width: 512px) {
html {font-size: 75%;} /*12px*/
}
@media only screen and (max-width: 1280px) {
.page-header {
width: 100%;

View File

@ -409,4 +409,16 @@ embed header {
.note-sidebar .avatar {
min-width: var(--xl) !important;
}
.note-replies .note-replies {
margin-left: 0.33em;
}
.note-replies-indicator {
content: '\201C';
font-size: 1em;
opacity: 0.66;
margin-right: 0.33em;
float: left;
}
}