From d6c5e5d1a37fe33600932bcae5a8bc6dc5f4b7c8 Mon Sep 17 00:00:00 2001
From: silberengel <silberengel7@protonmail.com>
Date: Wed, 20 Aug 2025 23:08:56 +0200
Subject: [PATCH] Fixed comment box formatting and search term

---
 src/lib/components/CommentBox.svelte  | 14 +++++++-------
 src/lib/components/EventSearch.svelte |  4 +++-
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/CommentBox.svelte b/src/lib/components/CommentBox.svelte
index cf08468..5a7396e 100644
--- a/src/lib/components/CommentBox.svelte
+++ b/src/lib/components/CommentBox.svelte
@@ -622,22 +622,22 @@
     </Alert>
   {/if}
 
-  <div class="flex justify-end items-center gap-4">
+  <div class="flex flex-col sm:flex-row justify-end items-end sm:items-center gap-4">
     {#if userProfile}
-      <div class="flex items-center gap-2 text-sm">
+      <div class="flex items-center gap-2 text-sm min-w-0 flex-shrink">
         {#if userProfile.picture}
           <img
             src={userProfile.picture}
             alt={userProfile.name || "Profile"}
-            class="w-8 h-8 rounded-full object-cover"
+            class="w-8 h-8 rounded-full object-cover flex-shrink-0"
             onerror={(e) => (e.target as HTMLImageElement).style.display = 'none'}
           />
         {:else}
-          <div class="w-8 h-8 rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center">
+          <div class="w-8 h-8 rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center flex-shrink-0">
             <UserOutline class="w-4 h-4 text-gray-600 dark:text-gray-300" />
           </div>
         {/if}
-        <span class="text-gray-900 dark:text-gray-100">
+        <span class="text-gray-900 dark:text-gray-100 truncate">
           {userProfile.displayName ||
             userProfile.name ||
             "anon"}
@@ -646,8 +646,8 @@
     {/if}
     <Button
       onclick={() => handleSubmit()}
-                  disabled={isSubmitting || !content.trim() || !$userStore.pubkey}
-      class="w-full md:w-auto"
+      disabled={isSubmitting || !content.trim() || !$userStore.pubkey}
+      class="w-auto min-w-[120px]"
     >
       {#if !$userStore.pubkey}
         Not Signed In
diff --git a/src/lib/components/EventSearch.svelte b/src/lib/components/EventSearch.svelte
index d084b9c..69ac62e 100644
--- a/src/lib/components/EventSearch.svelte
+++ b/src/lib/components/EventSearch.svelte
@@ -361,7 +361,7 @@
       return;
     }
 
-    if (type === "event") {
+    if (type === "event" || type === "id") {
       console.log("EventSearch: Processing event ID search:", term);
       // URL navigation is now handled in handleSearchEvent
       await handleEventSearch(term);
@@ -491,6 +491,8 @@
             handleSearchBySubscription("t", activeSearchValue);
           } else if (activeSearchType === "n") {
             handleSearchBySubscription("n", activeSearchValue);
+          } else if (activeSearchType === "id") {
+            handleEventSearch(activeSearchValue);
           }
           // Note: "q" (generic) searches are not processed here since they're
           // unstructured queries that don't require actual search execution