Changing the template, prettifying a bit

Now that everything is a <li> can set the margin-top value to make a gap, instead of making a visible "invisible" hr. And with the template thread.html fixed, it seems to be working, showing everything as a tree, instead of a flat list.

brutaldon/static/css/brutaldon-dark.css

@@ -255,3 +255,10 @@ div.poll {
 {
     margin-top: 0;
 }
+
+li {
+     margin-top: 0.1vh;
+}
+ul {
+     padding-left: 2vw;
+}

brutaldon/templates/main/thread.html

@@ -18,14 +18,20 @@ mastodon.status_context(<numerical id>)
     <h1 id="title" class="title">
         Thread
     </h1>
-    {% include "main/toot_partial.html" with toot=root %}
-    {% for descendant in descendants %}
-        {% if descendant == toot %}
-            {% include "main/toot_partial.html" with toot=toot active=True %}
-        {% else %}
-            {% include "main/toot_partial.html" with toot=descendant %}
-        {% endif %}
-        <hr class="is-hidden">
+    {% for op in toots %}
+       {% if op == IN %}
+       <ul>
+       {% elif op == OUT %}
+       </ul>
+       {% else %}
+       <li>
+       {% if op.toot == toot %}
+            {% include "main/toot_partial.html" with toot=op.toot active=True %}
+       {% else %}
+            {% include "main/toot_partial.html" with toot=op.toot %}
+       {% endif %}
+       </li>
+       {% endif %}
     {% endfor %}
 
     {% if not preferences.no_javascript %}