From 8f91b91ebe86cc859dfc44cad56c0e601dc27294 Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Mon, 13 May 2024 01:21:20 +0200
Subject: [PATCH] fix(web): invert navigator and login, fix r padding

---
 web/index.html | 15 +++++++++++++--
 web/src/app.rs | 19 +++++++++++--------
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/web/index.html b/web/index.html
index 416b474..a39d71a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -97,14 +97,16 @@
 			display: block;
 		}
 		hr.sep {
+			border: 1px solid #bf616a70;
+		}
+		hr.sticky {
+			position: sticky;
 			z-index: 100;
 			margin-top: 0;
 			padding-top: 0;
 			margin-bottom: 0;
 			padding-bottom: 0;
-			border: 1px solid #bf616a70;
 			top: 1.65rem;
-			position: sticky;
 		}
 		div.sticky {
 			z-index: 100;
@@ -244,6 +246,9 @@
 		.depth-r {
 			margin-left: .5em;
 		}
+		.only-on-mobile {
+			display: none;
+		}
 		@media screen and (max-width: 786px) {
 			.depth-r {
 				margin-left: .125em;
@@ -251,9 +256,15 @@
 			.ml-1-r {
 				margin-left: 0;
 			}
+			.only-on-mobile {
+				display: inherit;
+			}
 			.hidden-on-mobile {
 				display: none;
 			}
+			div.col-side {
+				padding-right: .25em;
+			}
 			main {
 				margin: 0;
 			}
diff --git a/web/src/app.rs b/web/src/app.rs
index 16c6d67..863264e 100644
--- a/web/src/app.rs
+++ b/web/src/app.rs
@@ -59,10 +59,12 @@ pub fn App() -> impl IntoView {
 			/* TODO kinda jank with the float but whatever, will do for now */
 			<input type="submit" class="mr-2 rev" on:click=move |_| set_menu.set(!menu.get()) value="menu" style="float: right" />
 		</nav>
-		<hr class="sep" />
+		<hr class="sep sticky" />
 		<div class="container mt-2 pt-2" >
 			<div class="two-col" >
 				<div class="col-side sticky pb-s" class:hidden=move || menu.get() >
+					<Navigator />
+					<hr class="mt-1 mb-1" />
 					<LoginBox
 						token_tx=set_token
 						userid_tx=set_userid
@@ -70,13 +72,14 @@ pub fn App() -> impl IntoView {
 						server_tl=server_tl
 					/>
 					<hr class="mt-1 mb-1" />
-					<Navigator />
-					<hr class="mt-1 mb-1" />
-					{move || if advanced.get() { view! {
-						<AdvancedPostBox advanced=set_advanced/>
-					}} else { view! {
-						<PostBox advanced=set_advanced/>
-					}}}
+					<div class:hidden=move || !auth.present() >
+						{move || if advanced.get() { view! {
+							<AdvancedPostBox advanced=set_advanced/>
+						}} else { view! {
+							<PostBox advanced=set_advanced/>
+						}}}
+						<hr class="only-on-mobile sep mb-0 pb-0" />
+					</div>
 				</div>
 				<div class="col-main" class:w-100=move || menu.get() >
 					<Router // TODO maybe set base="/web" ?