From 58bb7ccc49dc72622521e6ee931f902e65763b40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20Mart=C3=ADnez=20Portela?=
 <sergio@codigoparallevar.com>
Date: Thu, 24 Nov 2022 00:09:58 +0100
Subject: [PATCH] Improve handling of lists with multiline items.

---
 scripts/generate.py | 2 +-
 static/style.css    | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/scripts/generate.py b/scripts/generate.py
index 68f5d29..76d2616 100644
--- a/scripts/generate.py
+++ b/scripts/generate.py
@@ -626,7 +626,7 @@ def render_connections(headline_id, content, graph):
     if headline_id not in graph['backlinks']:
         return
 
-    content.append("<ul><li class='connections'><span class='tag backlink-explanation'>Linked from</span><ul>")
+    content.append("<ul><li class='connections'><span class='tag backlink-explanation'>Linked from</span></li><ul>")
     for backlink in sorted(graph['backlinks'][headline_id], key=lambda x: graph['nodes'][x]['title']):
         link = graph["nodes"][backlink]
         title = link["title"]
diff --git a/static/style.css b/static/style.css
index fa8439e..b40101a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -154,12 +154,13 @@ body nav input {
     --tree-radius  : 0.75ex;
     --tree-line-separation: 0.5rem;
     --tree-color: #ccc;
-    --tree-border-radius: 10px;
+    --tree-border-radius: 5px;
     list-style: none;
 }
 
 .node .contents ul li {
     position: relative;
+    padding-left: calc(var(--tree-spacing) * 2);
 }
 
 .node .contents ul li::after {
@@ -181,7 +182,7 @@ body nav input {
     border-bottom: 2px dashed var(--tree-color);
     vertical-align: super;
     margin-right: calc(var(--tree-line-separation) + 0.5ex);
-    margin-left: -2px;
+    margin-left: calc(0px - (var(--tree-line-separation) * 4) - 2px);
 }
 
 /* Nested item list */