From 20e5a3c104a5bcc6f7253edb1ef30f5a41f6a235 Mon Sep 17 00:00:00 2001
From: alemi <me@alemi.dev>
Date: Mon, 10 Jun 2024 21:51:27 +0200
Subject: [PATCH] fix(web): actor summary, consistency

---
 web/index.html                 | 1 +
 web/src/actors/posts.rs        | 2 +-
 web/src/actors/view.rs         | 1 +
 web/src/components/timeline.rs | 2 +-
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/index.html b/web/index.html
index f1c05b83..d37d447a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -166,6 +166,7 @@
 		div.overlap {
 			position: relative;
 			bottom: 3em;
+			margin-bottom: -3em;
 		}
 		img {
 			max-width: 100%;
diff --git a/web/src/actors/posts.rs b/web/src/actors/posts.rs
index 2d15d7ac..004d3337 100644
--- a/web/src/actors/posts.rs
+++ b/web/src/actors/posts.rs
@@ -14,7 +14,7 @@ pub fn ActorPosts() -> impl IntoView {
 		}
 	}).track();
 	view! {
-		<code class="cw color center mt-1 mb-1 ml-3 mr-3"><span class="emoji">"🖂"</span>" posts"</code>
+		<code class="cw color center mt-1 mb-1 ml-3 mr-3"><span class="emoji">"🖂"</span>" "<b>posts</b></code>
 		<TimelineFeed tl=feeds.user />
 	}
 }
diff --git a/web/src/actors/view.rs b/web/src/actors/view.rs
index 5d695e9e..29726da1 100644
--- a/web/src/actors/view.rs
+++ b/web/src/actors/view.rs
@@ -97,6 +97,7 @@ pub fn ActorHeader() -> impl IntoView {
 							}}
 						</div>
 					</div>
+					<p class="mb-2 mt-0 center" inner_html={mdhtml::safe_html(actor.summary().unwrap_or_default())}></p>
 				</div>
 				<Outlet />
 			}.into_view()
diff --git a/web/src/components/timeline.rs b/web/src/components/timeline.rs
index 05dafc21..122e2e57 100644
--- a/web/src/components/timeline.rs
+++ b/web/src/components/timeline.rs
@@ -191,7 +191,7 @@ pub fn TimelineFeed(tl: Timeline) -> impl IntoView {
 				on:click=move |_| tl.more(auth)
 			>
 				{move || if tl.loading.get() {
-					view! { "loading"<span class="dots"></span> }.into_view()
+					view! { "loading "<span class="dots"></span> }.into_view()
 				} else { "more".into_view() }}
 			</button>
 		</div>