Fix thread line gap above pinned tweet threads

src/sass/tweet/card.scss

@@ -24,6 +24,7 @@
     }
 
     .attachments {
+        margin: 0;
         border-radius: 0;
     }
 }

src/sass/tweet/thread.scss

@@ -45,6 +45,23 @@
         pointer-events: none;
     }
 
+    .with-header:not(:first-child)::after {
+        background: var(--accent_dark);
+        content: '';
+        position: relative;
+        float: left;
+        min-width: 3px;
+        width: 3px;
+        right: calc(100% - 26px);
+        border-radius: 2px;
+        margin-left: -3px;
+        margin-bottom: 37px;
+        bottom: 10px;
+        height: 30px;
+        z-index: 1;
+        pointer-events: none;
+    }
+
     .unavailable::before {
         top: 48px;
         margin-bottom: 28px;

src/views/timeline.nim

@@ -41,7 +41,8 @@ proc renderThread(thread: seq[Tweet]; prefs: Prefs; path: string): VNode =
     let sortedThread = thread.sortedByIt(it.id)
     for i, tweet in sortedThread:
       let show = i == thread.high and sortedThread[0].id != tweet.threadId
-      renderTweet(tweet, prefs, path, class="thread",
+      let header = if tweet.pinned or tweet.retweet.isSome: "with-header " else: ""
+      renderTweet(tweet, prefs, path, class=(header & "thread"),
                   index=i, total=thread.high, showThread=show)
 
 proc threadFilter(it: Tweet; thread: int): bool =