fixes padding for comment empty staet

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:

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"

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>
+                        <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>
+                    {/if}
                 </div>
             {/if}
             {#if mode == "overview"}