From 87dbebaf0f72faf1b97cc27cffddca41d732be79 Mon Sep 17 00:00:00 2001
From: Deimos <deimos@tildes.net>
Date: Sun, 24 Mar 2019 18:33:28 -0600
Subject: [PATCH] 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).
---
 tildes/scss/modules/_comment.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/tildes/scss/modules/_comment.scss b/tildes/scss/modules/_comment.scss
index 7066059..7caddcd 100644
--- a/tildes/scss/modules/_comment.scss
+++ b/tildes/scss/modules/_comment.scss
@@ -7,7 +7,7 @@
 
   header {
     display: flex;
-    align-items: baseline;
+    align-items: center;
     font-size: 0.7rem;
     line-height: 0.7rem;
 
@@ -74,8 +74,17 @@
 }
 
 .comment-nav-link {
+  @include min-touch-size;
+
+  display: flex;
+  align-items: center;
+
   font-size: 0.6rem;
+
   margin-left: 0.4rem;
+  @media (min-width: $size-md) {
+    margin-left: 1rem;
+  }
 }
 
 .comment-tree {