Browse Source

Improve layout of comment header a little

This increases the touch size of the nav links, gives them a bit more
spacing on desktop, and center-aligns the header items vertically, which
looks better when they wrap (but that's still pretty bad overall).
merge-requests/64/head
Deimos 6 years ago
parent
commit
87dbebaf0f
  1. 11
      tildes/scss/modules/_comment.scss

11
tildes/scss/modules/_comment.scss

@ -7,7 +7,7 @@
header { header {
display: flex; display: flex;
align-items: baseline;
align-items: center;
font-size: 0.7rem; font-size: 0.7rem;
line-height: 0.7rem; line-height: 0.7rem;
@ -74,8 +74,17 @@
} }
.comment-nav-link { .comment-nav-link {
@include min-touch-size;
display: flex;
align-items: center;
font-size: 0.6rem; font-size: 0.6rem;
margin-left: 0.4rem; margin-left: 0.4rem;
@media (min-width: $size-md) {
margin-left: 1rem;
}
} }
.comment-tree { .comment-tree {

Loading…
Cancel
Save