From 36a74bb4e53920c933192fc350d62b9fc56c5303 Mon Sep 17 00:00:00 2001
From: ari melody <ari@arimelody.me>
Date: Mon, 1 Jul 2024 03:46:26 +0100
Subject: [PATCH] fix post click regions and boost context emoji sizes

---
 src/lib/ui/post/BoostContext.svelte | 11 ++++++++++-
 src/lib/ui/post/PostHeader.svelte   | 12 ++++++------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/lib/ui/post/BoostContext.svelte b/src/lib/ui/post/BoostContext.svelte
index b9c8b6b..2194ef2 100644
--- a/src/lib/ui/post/BoostContext.svelte
+++ b/src/lib/ui/post/BoostContext.svelte
@@ -10,7 +10,10 @@
 <div class="post-context">
     <span class="post-context-icon">🔁</span>
     <span class="post-context-action">
-        <a href={post.user.url} target="_blank">{@html parseEmojis(post.user.rich_name)}</a> boosted this post.
+        <a href={post.user.url} target="_blank"><span class="name">
+                {@html parseEmojis(post.user.rich_name)}</span>
+        </a>
+        boosted this post.
     </span>
     <span class="post-context-time">
         <time title="{time_string}">{short_time(post.created_at)}</time>
@@ -48,6 +51,12 @@
         text-decoration: underline;
     }
 
+    .post-context .name :global(.emoji) {
+        position: relative;
+        top: .2em;
+        height: 1.2em;
+    }
+
     .post-context-time {
         margin-left: auto;
     }
diff --git a/src/lib/ui/post/PostHeader.svelte b/src/lib/ui/post/PostHeader.svelte
index 48aeda0..93b0949 100644
--- a/src/lib/ui/post/PostHeader.svelte
+++ b/src/lib/ui/post/PostHeader.svelte
@@ -8,16 +8,16 @@
     let time_string = post.created_at.toLocaleString();
 </script>
 
-<div class={"post-header-container" + (reply ? " reply" : "")} on:mouseup|stopPropagation>
-    <a href={post.user.url} target="_blank" class="post-avatar-container">
+<div class={"post-header-container" + (reply ? " reply" : "")}>
+    <a href={post.user.url} target="_blank" class="post-avatar-container" on:mouseup|stopPropagation>
         <img src={post.user.avatar_url} type={post.user.avatar_type} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
     </a>
     <header class="post-header">
-        <div class="post-user-info">
+        <div class="post-user-info" on:mouseup|stopPropagation>
             <a href={post.user.url} target="_blank" class="name">{@html post.user.rich_name}</a>
             <span class="username">{post.user.mention}</span>
         </div>
-        <div class="post-info">
+        <div class="post-info" on:mouseup|stopPropagation>
             <a href={post.url} target="_blank" class="created-at">
                 <time title={time_string}>{short_time(post.created_at)}</time>
                 {#if post.visibility !== "public"}
@@ -82,8 +82,8 @@
 
     .post-user-info .name :global(.emoji) {
         position: relative;
-        top: 4px;
-        height: 20px;
+        top: .2em;
+        height: 1.2em;
     }
 
     .post-user-info .username {