From 0b079792449ed896f7ae0749ab6beceb11656cd0 Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Thu, 2 May 2024 03:25:59 +0200
Subject: [PATCH] feat(web): thread guides

---
 web/index.html                 | 4 ++++
 web/src/components/timeline.rs | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/index.html b/web/index.html
index cea29866..3d9d74b8 100644
--- a/web/index.html
+++ b/web/index.html
@@ -260,6 +260,10 @@
 			color: unset;
 			text-shadow: unset;
 		}
+		div.context {
+			border-left: 1px solid var(--background-dim);
+			padding-left: 1px;
+		}
 
 	</style>
 </head>
diff --git a/web/src/components/timeline.rs b/web/src/components/timeline.rs
index 227d0825..7ae930d8 100644
--- a/web/src/components/timeline.rs
+++ b/web/src/components/timeline.rs
@@ -108,9 +108,11 @@ pub fn TimelineRepliesRecursive(tl: Timeline, root: String) -> impl IntoView {
 					_ => {
 						let oid = object.id().unwrap_or_default().to_string();
 						view! {
-							<Object object=object />
-							<div class="depth-r">
-								<TimelineRepliesRecursive tl=tl root=oid />
+							<div class="context">
+								<Object object=object />
+								<div class="depth-r">
+									<TimelineRepliesRecursive tl=tl root=oid />
+								</div>
 							</div>
 						}.into_view()
 					},