From 460f801136b1a9bb21d92dbe5d591a6944fef631 Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Mon, 22 Apr 2024 03:45:30 +0200
Subject: [PATCH] fix(web): slightly better spacings for mobile

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

diff --git a/web/index.html b/web/index.html
index a540ce5a..dc2770f4 100644
--- a/web/index.html
+++ b/web/index.html
@@ -188,7 +188,13 @@
 		.ml-1-r {
 			margin-left: 1em;
 		}
+		.depth-r {
+			margin-left: 1em;
+		}
 		@media screen and (max-width: 786px) {
+			.depth-r {
+				margin-left: .25em;
+			}
 			.ml-1-r {
 				margin-left: 0;
 			}
diff --git a/web/src/components/timeline.rs b/web/src/components/timeline.rs
index 6f8e9bff..ac505864 100644
--- a/web/src/components/timeline.rs
+++ b/web/src/components/timeline.rs
@@ -70,7 +70,7 @@ pub fn TimelineRepliesRecursive(tl: Timeline, root: String) -> impl IntoView {
 						let oid = object.id().unwrap_or_default().to_string();
 						view! {
 							<Object object=object />
-							<div class="ml-1">
+							<div class="depth-r">
 								<TimelineRepliesRecursive tl=tl root=oid />
 							</div>
 						}.into_view()
diff --git a/web/src/page.rs b/web/src/page.rs
index 503bb8b9..48699401 100644
--- a/web/src/page.rs
+++ b/web/src/page.rs
@@ -256,7 +256,6 @@ pub fn DebugPage() -> impl IntoView {
 				} >
 				<table class="align w-100" >
 					<tr>
-						<td class="w-100"><input class="w-100" type="text" on:input=move|ev| set_query.set(event_target_value(&ev)) placeholder="AP id" /></td>
 						<td>
 							<small><a
 								href={move|| Uri::web(FetchKind::Object, &query.get())}
@@ -266,6 +265,7 @@ pub fn DebugPage() -> impl IntoView {
 								href={move|| Uri::web(FetchKind::User, &query.get())}
 							>usr</a></small>
 						</td>
+						<td class="w-100"><input class="w-100" type="text" on:input=move|ev| set_query.set(event_target_value(&ev)) placeholder="AP id" /></td>
 						<td><input type="submit" class="w-100" value="fetch" /></td>
 						<td><input type="checkbox" title="cached" value="cached" node_ref=cached_ref /></td>
 					</tr>