From 761156661b6a67abc9d709d28f2ff743e88641ec Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 14 Apr 2025 13:51:41 +0200
Subject: [PATCH] Fix headers

---
 src/lib/layout/cover.svelte                   |  4 +-
 .../collection-[collection]/header.svelte     | 42 +++++++++----------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/lib/layout/cover.svelte b/src/lib/layout/cover.svelte
index b9db2553a..f38ba36fb 100644
--- a/src/lib/layout/cover.svelte
+++ b/src/lib/layout/cover.svelte
@@ -11,7 +11,9 @@
 </script>
 
 {#if isStudio}
-    <slot name="header" />
+    <Layout.Stack direction="row" alignItems="center">
+        <slot name="header" />
+    </Layout.Stack>
     <slot />
 {:else}
     <div class="top-cover-console" class:no-padding={isStudio} style:block-size={blocksize}>
diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/header.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/header.svelte
index e4b58dfd1..fddde77bd 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/header.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/header.svelte
@@ -50,26 +50,24 @@
     ].filter((tab) => !tab.disabled);
 </script>
 
-<div style:margin-top={$isTabletViewport ? '48px' : 0}>
-    <Cover>
-        <svelte:fragment slot="header">
-            <CoverTitle href={`${base}/project-${projectId}/databases/database-${databaseId}`}>
-                {$collection?.name}
-            </CoverTitle>
-            {#key $collection?.$id}
-                <Id value={$collection?.$id}>{$collection?.$id}</Id>
-            {/key}
-        </svelte:fragment>
+<Cover>
+    <svelte:fragment slot="header">
+        <CoverTitle href={`${base}/project-${projectId}/databases/database-${databaseId}`}>
+            {$collection?.name}
+        </CoverTitle>
+        {#key $collection?.$id}
+            <Id value={$collection?.$id}>{$collection?.$id}</Id>
+        {/key}
+    </svelte:fragment>
 
-        <Tabs>
-            {#each tabs as tab}
-                <Tab
-                    href={tab.href}
-                    selected={isTabSelected(tab, page.url.pathname, path, tabs)}
-                    event={tab.event}>
-                    {tab.title}
-                </Tab>
-            {/each}
-        </Tabs>
-    </Cover>
-</div>
+    <Tabs>
+        {#each tabs as tab}
+            <Tab
+                href={tab.href}
+                selected={isTabSelected(tab, page.url.pathname, path, tabs)}
+                event={tab.event}>
+                {tab.title}
+            </Tab>
+        {/each}
+    </Tabs>
+</Cover>