From 46873b2f4cf1e0c33681af0a14727c83167a96be Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Thu, 4 Jul 2024 03:43:58 +0200
Subject: [PATCH] fix(web): better wrapping

---
 web/index.html          |  1 -
 web/src/lib.rs          |  3 ++-
 web/src/objects/item.rs | 14 ++++++++------
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/index.html b/web/index.html
index 3304329..e43d1b9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -95,7 +95,6 @@
 			margin: 0 0 0 .5em;
 		}
 		article.float-container {
-			overflow-y: hidden;
 		}
 		b.displayname {
 			overflow-wrap: break-word;
diff --git a/web/src/lib.rs b/web/src/lib.rs
index c9cb58e..b0bde30 100644
--- a/web/src/lib.rs
+++ b/web/src/lib.rs
@@ -217,7 +217,8 @@ impl Uri {
 			bare
 		} else {
 			format!("{}..", bare.get(..len).unwrap_or_default())
-		}.replace('/', "\u{200B}/\u{200B}")
+		}
+			//.replace('/', "\u{200B}/\u{200B}")
 	}
 
 	pub fn short(url: &str) -> String {
diff --git a/web/src/objects/item.rs b/web/src/objects/item.rs
index 8b3a422..1aad831 100644
--- a/web/src/objects/item.rs
+++ b/web/src/objects/item.rs
@@ -60,7 +60,7 @@ pub fn Object(
 	let audience_badge = object.audience().id().str()
 		.map(|x| view! {
 			<a class="clean dim" href={Uri::web(U::Actor, &x)}>
-				<span class="border-button ml-1" title={x.clone()}>
+				<span class="border-button ml-s" title={x.clone()}>
 					<code class="color mr-s">&</code>
 					<small class="mr-s">
 						{Uri::pretty(&x, 30)}
@@ -75,13 +75,13 @@ pub fn Object(
 			let href = Uri::web(U::Hashtag, &name);
 			Some(view! {
 				<a class="clean dim" href={href}>
-					<span class="border-button ml-1">
+					<span class="border-button ml-s">
 						<code class="color mr-s">#</code>
 						<small class="mr-s">
 							{name}
 						</small>
 					</span>
-				</a>
+				</a>" "
 			})
 		} else {
 			None
@@ -155,9 +155,11 @@ pub fn Object(
 		<div class="mt-s ml-1 rev">
 			{if !reply { Some(hashtag_badges) } else { None }}
 			{if !reply { audience_badge } else { None }}
-			<ReplyButton n=comments target=oid.clone() />
-			<LikeButton n=likes liked=already_liked target=oid.clone() author=author_id private=!public />
-			<RepostButton n=shares target=oid />
+			<span style="white-space:nowrap">
+				<ReplyButton n=comments target=oid.clone() />
+				<LikeButton n=likes liked=already_liked target=oid.clone() author=author_id private=!public />
+				<RepostButton n=shares target=oid />
+			</span>
 		</div>
 	}
 }