Fix headers

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}>

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>