From 659403c30877d2602990c8acd10101e29f707376 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Wed, 20 Nov 2024 15:56:24 -0800
Subject: [PATCH] Tweak layout of thread actions

---
 src/app/components/Content.svelte       | 7 +++++--
 src/app/components/ThreadActions.svelte | 2 +-
 src/app/components/ThreadItem.svelte    | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/components/Content.svelte b/src/app/components/Content.svelte
index 339d344c..ff21117b 100644
--- a/src/app/components/Content.svelte
+++ b/src/app/components/Content.svelte
@@ -153,8 +153,11 @@
       {/each}
     </div>
     {#if expandBlock}
-      <div class="relative z-feature -mt-6 flex justify-center bg-gradient-to-t from-base-100 py-2">
-        <button type="button" class="btn" on:click|stopPropagation|preventDefault={expand}>
+      <div class="relative z-feature -mt-6 flex justify-center py-2">
+        <button
+          type="button"
+          class="btn btn-neutral"
+          on:click|stopPropagation|preventDefault={expand}>
           See more
         </button>
       </div>
diff --git a/src/app/components/ThreadActions.svelte b/src/app/components/ThreadActions.svelte
index c0db2c60..0971f897 100644
--- a/src/app/components/ThreadActions.svelte
+++ b/src/app/components/ThreadActions.svelte
@@ -56,8 +56,8 @@
 </script>
 
 <div class="flex flex-wrap items-center justify-between gap-2">
-  <ReactionSummary relays={[url]} {event} {onReactionClick} />
   <div class="flex flex-grow flex-wrap justify-end gap-2">
+    <ReactionSummary relays={[url]} {event} {onReactionClick} />
     {#if $deleted}
       <div class="btn btn-error btn-xs rounded-full">Deleted</div>
     {:else if thunk}
diff --git a/src/app/components/ThreadItem.svelte b/src/app/components/ThreadItem.svelte
index 1a033796..6be52885 100644
--- a/src/app/components/ThreadItem.svelte
+++ b/src/app/components/ThreadItem.svelte
@@ -23,7 +23,7 @@
     </p>
   </div>
   <Content {event} expandMode="inline" />
-  <div class="flex w-full items-end justify-between gap-2">
+  <div class="flex w-full flex-col items-end justify-between gap-2 sm:flex-row">
     <span class="whitespace-nowrap py-1 text-sm opacity-75">
       Posted by
       <Link external href={pubkeyLink(event.pubkey)} class="link-content">