From f474ca29e1d8bafe3c74c7ad1077721d4de8b42a Mon Sep 17 00:00:00 2001
From: userAdityaa <adityachaudhary@sarvam.ai>
Date: Fri, 7 Aug 2026 01:36:30 +0530
Subject: [PATCH] Adjust primary nav icon sizes and fix alignment

---
 src/app/components/Chat.svelte                | 4 ++--
 src/app/components/PrimaryNav.svelte          | 2 +-
 src/app/components/PrimaryNavItemSpace.svelte | 2 +-
 src/app/components/PrimaryNavSpaces.svelte    | 4 ++--
 src/lib/components/PrimaryNavItem.svelte      | 4 ++--
 src/lib/components/primary-nav.css            | 4 ++--
 src/routes/chat/+page.svelte                  | 4 ++--
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/components/Chat.svelte b/src/app/components/Chat.svelte
index c00e931d..09ec6d4a 100644
--- a/src/app/components/Chat.svelte
+++ b/src/app/components/Chat.svelte
@@ -262,12 +262,12 @@
       <div class="truncate min-w-0 flex items-center gap-4 whitespace-nowrap">
         <Button class="flex flex-col gap-1 sm:flex-row sm:gap-2" onclick={showMembers}>
           {#if others.length === 0}
-            <div class="flex gap-2">
+            <div class="flex items-center gap-2">
               <ProfileCircle pubkey={$user.pubkey} size={5} />
               <ProfileName pubkey={$user.pubkey} />
             </div>
           {:else if others.length === 1}
-            <div class="flex gap-2">
+            <div class="flex items-center gap-2">
               <ProfileCircle pubkey={others[0]} size={5} />
               <ProfileName pubkey={others[0]} />
             </div>
diff --git a/src/app/components/PrimaryNav.svelte b/src/app/components/PrimaryNav.svelte
index ce1679c5..65db7b17 100644
--- a/src/app/components/PrimaryNav.svelte
+++ b/src/app/components/PrimaryNav.svelte
@@ -45,7 +45,7 @@
   <div class="flex flex-col items-center">
     <PrimaryNavItem title="Settings" href="/settings/profile" prefix="/settings">
       {#if $userProfile?.picture()}
-        <ImageIcon alt="Settings" src={$userProfile.picture()!} class="rounded-full" size={10} />
+        <ImageIcon alt="Settings" src={$userProfile.picture()!} class="rounded-full" size={8} />
       {:else}
         <ImageIcon alt="Settings" src={UserRounded} class="rounded-full" size={8} />
       {/if}
diff --git a/src/app/components/PrimaryNavItemSpace.svelte b/src/app/components/PrimaryNavItemSpace.svelte
index 4cd68472..a17da389 100644
--- a/src/app/components/PrimaryNavItemSpace.svelte
+++ b/src/app/components/PrimaryNavItemSpace.svelte
@@ -24,5 +24,5 @@
   onclick={onClick}
   title={showTooltip ? $display : ""}
   notification={$notifications.has(path)}>
-  <RelayIcon {url} size={10} />
+  <RelayIcon {url} size={8} class="rounded-full" />
 </PrimaryNavItem>
diff --git a/src/app/components/PrimaryNavSpaces.svelte b/src/app/components/PrimaryNavSpaces.svelte
index 89ac0961..faae917b 100644
--- a/src/app/components/PrimaryNavSpaces.svelte
+++ b/src/app/components/PrimaryNavSpaces.svelte
@@ -34,7 +34,7 @@
     <PrimaryNavItemSpace {url} />
   {:else}
     <PrimaryNavItem title="Home" href="/home">
-      <ImageIcon alt="Home" src={PLATFORM_LOGO} class="rounded-full" size={10} />
+      <ImageIcon alt="Home" src={PLATFORM_LOGO} class="rounded-full" size={9} />
     </PrimaryNavItem>
     <Divider />
     {#each primarySpaceUrls as url (url)}
@@ -46,7 +46,7 @@
         {title}
         prefix="no-highlight"
         notification={otherSpaceNotifications}>
-        <ImageIcon alt="All Spaces" src={Widget} size={8} />
+        <ImageIcon alt="All Spaces" src={Widget} size={7} />
       </PrimaryNavItem>
     {/snippet}
     {#if secondarySpaceUrls.length > 0}
diff --git a/src/lib/components/PrimaryNavItem.svelte b/src/lib/components/PrimaryNavItem.svelte
index 30e4aaee..2230e8d7 100644
--- a/src/lib/components/PrimaryNavItem.svelte
+++ b/src/lib/components/PrimaryNavItem.svelte
@@ -28,7 +28,7 @@
   <Button {onclick} data-tip={title} class={className}>
     {@render children?.()}
     {#if !active && notification}
-      <div class="absolute right-1 top-1 h-2 w-2 rounded-full bg-primary text-primary-content">
+      <div class="absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary text-primary-content">
       </div>
     {/if}
   </Button>
@@ -36,7 +36,7 @@
   <Link {href} data-tip={title} class={className}>
     {@render children?.()}
     {#if !active && notification}
-      <div class="absolute right-1 top-1 h-2 w-2 rounded-full bg-primary text-primary-content">
+      <div class="absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary text-primary-content">
       </div>
     {/if}
   </Link>
diff --git a/src/lib/components/primary-nav.css b/src/lib/components/primary-nav.css
index 9b09a831..faf4d859 100644
--- a/src/lib/components/primary-nav.css
+++ b/src/lib/components/primary-nav.css
@@ -4,7 +4,7 @@
   }
 
   .primary-nav__nav-item {
-    @apply text-content relative my-1 flex h-12 w-12 cursor-pointer items-center justify-center rounded-full transition-all;
+    @apply text-content relative my-1 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full transition-all;
   }
 
   .primary-nav__nav-item:hover,
@@ -25,7 +25,7 @@
   }
 
   .primary-nav__nav-item--active::after {
-    @apply h-10;
+    @apply h-8;
   }
 }
 
diff --git a/src/routes/chat/+page.svelte b/src/routes/chat/+page.svelte
index 80cbd834..96712cf9 100644
--- a/src/routes/chat/+page.svelte
+++ b/src/routes/chat/+page.svelte
@@ -24,8 +24,8 @@
 
 <PageContent class="flex flex-col gap-2 p-2 sm:gap-4 sm:p-4">
   <div class="hidden min-h-screen md:flex flex-col gap-2 m-auto items-center py-20">
-    <p class="flex gap-2 text-lg">
-      <Icon icon={InfoCircle} />
+    <p class="flex items-center gap-2 text-lg">
+      <Icon icon={InfoCircle} class="translate-y-px" />
       No conversation selected.
     </p>
     <p>