From 0760f6441de661171c506c273e07abef143214c7 Mon Sep 17 00:00:00 2001
From: Deimos <deimos@tildes.net>
Date: Tue, 21 Aug 2018 13:42:31 -0600
Subject: [PATCH] Fix comments header styles applying to comments

Previous way was a bad way of doing the styles and some of the rules
were leaking through into the comments themselves. This should be more
specific.
---
 tildes/scss/modules/_topic.scss      | 26 ++++++++++++--------------
 tildes/tildes/templates/topic.jinja2 |  2 +-
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/tildes/scss/modules/_topic.scss b/tildes/scss/modules/_topic.scss
index 4e6ac05..2307fcc 100644
--- a/tildes/scss/modules/_topic.scss
+++ b/tildes/scss/modules/_topic.scss
@@ -245,23 +245,21 @@
   overflow: auto;
 }
 
-.topic-comments {
-  header {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
+.topic-comments-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
 
-    margin-bottom: 0.4rem;
+  margin-bottom: 0.4rem;
 
-    h2 {
-      margin-bottom: 0;
-      margin-right: 0.4rem;
-      white-space: nowrap;
-    }
+  h2 {
+    margin-bottom: 0;
+    margin-right: 0.4rem;
+    white-space: nowrap;
+  }
 
-    .form-listing-options {
-      margin-left: auto;
-    }
+  .form-listing-options {
+    margin-left: auto;
   }
 }
 
diff --git a/tildes/tildes/templates/topic.jinja2 b/tildes/tildes/templates/topic.jinja2
index b737087..fa08a6f 100644
--- a/tildes/tildes/templates/topic.jinja2
+++ b/tildes/tildes/templates/topic.jinja2
@@ -144,7 +144,7 @@
 
 {% if topic.num_comments > 0 %}
   <section class="topic-comments">
-    <header>
+    <header class="topic-comments-header">
       <h2>
       {% trans num_comments=topic.num_comments %}
       {{ num_comments }} comment