Tweak layout of thread actions

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>

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}

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">