Fix formatting of replies

brutaldon/static/css/brutaldon.css

@@ -10,9 +10,6 @@ img.fav-avatar {
 
 }
 
-.box.active_context {
-    background-color: #FFF8DC;
-}
 
 div.card-header-title, div.card-header-icon {
     color: black;
@@ -37,6 +34,10 @@ figure.media-left p.image a img
     border-radius: 5px;
 }
 
+.active-context {
+    background-color: #FFF8DC;
+}
+
 @media screen and (max-width: 768px) {
     .media {
         display: block;

brutaldon/templates/main/thread.html

@@ -17,19 +17,13 @@ mastodon.status_context(<numerical id>)
     {% block content %}
     <h1 class="title">Thread</h1>
     {% for ancestor in context.ancestors %}
-        <div class="box">
     {% include "main/toot_partial.html" with toot=ancestor %}
-        </div>
     <hr class="is-hidden">
     {% endfor %}
-    <div class="box active_context">
+        {% include "main/toot_partial.html" with toot=toot active=True %}
-        {% include "main/toot_partial.html" with toot=toot %}
-    </div>
     <hr class="is-hidden">
     {% for descendant in context.descendants %}
-        <div class="box">
     {% include "main/toot_partial.html" with toot=descendant %}
-        </div>
     <hr class="is-hidden">
     {% endfor %}
 

brutaldon/templates/main/toot_partial.html

@@ -3,7 +3,12 @@
 {% load taglinks %}
 {% load static %}
 
+{% if active %}
+    <article class="media active-context">
+{% else %}
     <article class="media">
+{% endif %}
+
     <figure class="media-left">
         <p class="image is-64x64">
             <a href="{% url "user" toot.account.acct %}">