From d70ed55d3a71ca6cfd3f4ff4c10cc17785f01009 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 27 Feb 2025 16:55:01 +0100
Subject: [PATCH 1/4] Fix: paddings of sub navigation

---
 .../collection-[collection]/subNavigation.svelte            | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
index e09f7eba8..aab490865 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
@@ -35,15 +35,13 @@
 {#if !$isTabletViewport}
     <Sidebar.Base state="open" resizable={false}>
         <section class="list-container" slot="top" style:width="100%">
-            <h5
-                class="u-flex u-cross-center body-text-2 u-gap-8 u-padding-inline-12 u-padding-block-8 is-not-mobile is-selected">
+            <h5 class="u-flex u-cross-center body-text-2 u-gap-8 is-not-mobile is-selected">
                 <Icon icon={IconDatabase} size="s" color="--color-fgcolor-neutral-weak" />
                 {data.database.name}
             </h5>
             <div class="collection-content">
                 {#if data?.allCollections?.total}
-                    <ul
-                        class="drop-list u-padding-inline-8 u-margin-inline-start-20 u-margin-block-start-8">
+                    <ul class="drop-list u-margin-inline-start-20 u-margin-block-start-8">
                         {#each sortedCollections as collection}
                             {@const href = `${base}/project-${project}/databases/database-${databaseId}/collection-${collection.$id}`}
                             {@const isSelected = collectionId === collection.$id}

From 1fd90456c274438576e6a4c45b556a409feeeedf Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Thu, 27 Feb 2025 12:48:54 -0500
Subject: [PATCH 2/4] update font sizes

---
 .../collection-[collection]/subNavigation.svelte   | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
index aab490865..5594707c0 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
@@ -35,7 +35,8 @@
 {#if !$isTabletViewport}
     <Sidebar.Base state="open" resizable={false}>
         <section class="list-container" slot="top" style:width="100%">
-            <h5 class="u-flex u-cross-center body-text-2 u-gap-8 is-not-mobile is-selected">
+            <h5
+                class="database-name u-flex u-cross-center body-text-2 u-gap-8 is-not-mobile is-selected">
                 <Icon icon={IconDatabase} size="s" color="--color-fgcolor-neutral-weak" />
                 {data.database.name}
             </h5>
@@ -131,6 +132,12 @@
         min-height: 0;
     }
 
+    .database-name {
+        font-size: var(--font-size-sm);
+        font-weight: 500;
+        color: var(--color-fgcolor-neutral-secondary);
+    }
+
     .collection-content {
         flex: 1;
         overflow-y: auto;
@@ -164,9 +171,14 @@
     .drop-list {
         border-left: 1px solid var(--color-border-neutral, #ededf0);
         flex: 1;
+        padding-left: 4px;
+        font-size: var(--font-size-sm);
+        font-weight: 500;
+        color: var(--color-fgcolor-neutral-secondary);
 
         .is-selected,
         li:hover {
+            color: var(--color-fgcolor-neutral-primary);
             border-radius: var(--border-radius-xs, 4px);
             background: var(--color-bgcolor-neutral-tertiary, #fafafb);
         }

From 02cea077f16ee62d5e5e134b1c294d07aa5c94a7 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Fri, 28 Feb 2025 09:30:05 -0500
Subject: [PATCH 3/4] fix alignment

---
 .../collection-[collection]/subNavigation.svelte           | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
index 5594707c0..2eeb897a6 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
@@ -35,14 +35,15 @@
 {#if !$isTabletViewport}
     <Sidebar.Base state="open" resizable={false}>
         <section class="list-container" slot="top" style:width="100%">
-            <h5
+            <a
+                href={`${base}/project-${project}/databases/database-${databaseId}`}
                 class="database-name u-flex u-cross-center body-text-2 u-gap-8 is-not-mobile is-selected">
                 <Icon icon={IconDatabase} size="s" color="--color-fgcolor-neutral-weak" />
                 {data.database.name}
-            </h5>
+            </a>
             <div class="collection-content">
                 {#if data?.allCollections?.total}
-                    <ul class="drop-list u-margin-inline-start-20 u-margin-block-start-8">
+                    <ul class="drop-list u-margin-inline-start-8 u-margin-block-start-8">
                         {#each sortedCollections as collection}
                             {@const href = `${base}/project-${project}/databases/database-${databaseId}/collection-${collection.$id}`}
                             {@const isSelected = collectionId === collection.$id}

From 3448b115a2560d5104f355fe3f2b41fa63a94549 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Fri, 28 Feb 2025 09:31:38 -0500
Subject: [PATCH 4/4] clean up

---
 .../collection-[collection]/subNavigation.svelte                | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
index 2eeb897a6..e9eb8f5ef 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
@@ -49,7 +49,7 @@
                             {@const isSelected = collectionId === collection.$id}
                             <li class:is-selected={isSelected}>
                                 <a
-                                    class="u-padding-block-4 u-padding-inline-12 u-flex u-cross-center u-gap-8"
+                                    class="u-padding-block-4 u-padding-inline-end-4 u-padding-inline-start-8 u-flex u-cross-center u-gap-8"
                                     {href}>
                                     <Icon
                                         icon={IconTable}