From a6346a405321803e19ce067d33812ff0b8490908 Mon Sep 17 00:00:00 2001
From: Cy <email>
Date: Mon, 1 Jun 2020 02:58:24 +0000
Subject: [PATCH] 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 |  7 +++++++
 brutaldon/templates/main/thread.html    | 22 ++++++++++++++--------
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/brutaldon/static/css/brutaldon-dark.css b/brutaldon/static/css/brutaldon-dark.css
index a1aee64..61be09f 100644
--- a/brutaldon/static/css/brutaldon-dark.css
+++ b/brutaldon/static/css/brutaldon-dark.css
@@ -255,3 +255,10 @@ div.poll {
 {
     margin-top: 0;
 }
+
+li {
+     margin-top: 0.1vh;
+}
+ul {
+     padding-left: 2vw;
+}
diff --git a/brutaldon/templates/main/thread.html b/brutaldon/templates/main/thread.html
index 7c05fe4..dceb97e 100644
--- a/brutaldon/templates/main/thread.html
+++ b/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 %}