From 3cc58d94607558747f969cb9e8057e7b5663a992 Mon Sep 17 00:00:00 2001
From: Christian Beutel <>
Date: Sat, 4 Jan 2025 20:34:10 +0100
Subject: [PATCH] fixes padding for comment empty staet

---
 .../notification/notification_card.svelte     |  2 +-
 .../notification/notification_dropdown.svelte |  4 ++--
 .../components/trail/trail_info_panel.svelte  | 22 +++++++++----------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/web/src/lib/components/notification/notification_card.svelte b/web/src/lib/components/notification/notification_card.svelte
index c3258c9d..4f6a9995 100644
--- a/web/src/lib/components/notification/notification_card.svelte
+++ b/web/src/lib/components/notification/notification_card.svelte
@@ -83,7 +83,7 @@
                     ? null
                     : `/profile/${n.author}`;
             case NotificationType.trailComment:
-                return `/trail/view/${n.metadata?.id}`;
+                return `/trail/view/${n.metadata?.id}?t=4`;
             case NotificationType.trailCreate:
                 return `/trail/view/${n.metadata?.id}`;
             case NotificationType.trailShare:
diff --git a/web/src/lib/components/notification/notification_dropdown.svelte b/web/src/lib/components/notification/notification_dropdown.svelte
index 71fc11fb..8aa1a075 100644
--- a/web/src/lib/components/notification/notification_dropdown.svelte
+++ b/web/src/lib/components/notification/notification_dropdown.svelte
@@ -104,7 +104,7 @@
 <div class="dropdown relative">
     {#if unreadCount > 0}
         <div
-            class="absolute -top-1 left-4 text-sm rounded-full bg-content text-content-inverse px-1 text-center"
+            class="absolute pointer-events-none -top-1 left-4 text-sm rounded-full bg-content text-content-inverse px-1 text-center"
         >
             {unreadCount}{unreadCount >= 10 ? "+" : ""}
         </div>
@@ -117,7 +117,7 @@
 
     {#if isOpen}
         <ul
-            class="menu absolute bg-menu-background border border-input-border rounded-l-xl rounded-b-xl shadow-md right-0 overflow-scroll mt-4 max-h-96 w-64"
+            class="menu absolute bg-menu-background border border-input-border rounded-l-xl rounded-b-xl shadow-md right-0 overflow-scroll mt-4 max-h-96 w-72"
             class:none={isOpen}
             on:scroll={onListScroll}
             style="z-index: 1001"
diff --git a/web/src/lib/components/trail/trail_info_panel.svelte b/web/src/lib/components/trail/trail_info_panel.svelte
index 2295fa79..61343fc9 100644
--- a/web/src/lib/components/trail/trail_info_panel.svelte
+++ b/web/src/lib/components/trail/trail_info_panel.svelte
@@ -396,15 +396,15 @@
                             >
                         </div>
                     {/if}
-                    <ul class="space-y-4">
-                        {#if commentsLoading}
-                            {#each { length: 3 } as _, index}
-                                <SkeletonNotificationCard
-                                ></SkeletonNotificationCard>
-                            {/each}
-                        {:else if $comments.length == 0}
-                            <EmptyStateComment></EmptyStateComment>
-                        {:else}
+                    {#if commentsLoading}
+                        {#each { length: 3 } as _, index}
+                            <SkeletonNotificationCard
+                            ></SkeletonNotificationCard>
+                        {/each}
+                    {:else if $comments.length == 0}
+                        <div class="my-4"><EmptyStateComment></EmptyStateComment></div>
+                    {:else}
+                        <ul class="space-y-4">
                             {#each $comments ?? [] as comment}
                                 <li>
                                     <CommentCard
@@ -418,8 +418,8 @@
                                     ></CommentCard>
                                 </li>
                             {/each}
-                        {/if}
-                    </ul>
+                        </ul>
+                    {/if}
                 </div>
             {/if}
             {#if mode == "overview"}