From eb62fc744c063e8f978790febe8e1766598b0c6a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 6 Sep 2025 11:11:19 +0530
Subject: [PATCH] update: more alignment fixes.

---
 src/lib/layout/activity.svelte                |  3 +--
 src/lib/layout/container.svelte               | 21 ++-----------------
 src/lib/layout/cover.svelte                   |  2 +-
 src/lib/layout/shell.svelte                   | 14 ++++++++++---
 .../table-[table]/activity/+page.svelte       |  2 +-
 .../table-[table]/settings/+page.svelte       |  2 +-
 .../usage/[[period]]/+page.svelte             |  2 +-
 7 files changed, 18 insertions(+), 28 deletions(-)

diff --git a/src/lib/layout/activity.svelte b/src/lib/layout/activity.svelte
index 2fde809c3..476ee0587 100644
--- a/src/lib/layout/activity.svelte
+++ b/src/lib/layout/activity.svelte
@@ -11,7 +11,6 @@
     export let offset = 0;
     export let logs: Models.LogList;
     export let insideSideSheet = false;
-    export let databasesMainScreen = false;
     export let expanded = false;
     export let useCreateLinkForPagination = true;
 
@@ -24,7 +23,7 @@
     ];
 </script>
 
-<Container {insideSideSheet} {databasesMainScreen} expanded={expanded && !insideSideSheet}>
+<Container {insideSideSheet} expanded={expanded && !insideSideSheet}>
     {#if logs.total}
         <div>
             <Table.Root {columns} let:root>
diff --git a/src/lib/layout/container.svelte b/src/lib/layout/container.svelte
index 9108ae11f..7bb07f202 100644
--- a/src/lib/layout/container.svelte
+++ b/src/lib/layout/container.svelte
@@ -7,7 +7,6 @@
         expanded = false,
         overlapCover = false,
         insideSideSheet = false,
-        databasesMainScreen = false,
         expandHeightButton = false,
         size = null,
         children,
@@ -16,7 +15,6 @@
         expanded?: boolean;
         overlapCover?: boolean;
         insideSideSheet?: boolean;
-        databasesMainScreen?: boolean;
         expandHeightButton?: boolean;
         children?: Snippet;
         size?: 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | null;
@@ -35,7 +33,6 @@
         class:expanded
         class:insideSideSheet
         class:expandHeightButton
-        class:databasesMainScreen
         class="console-container">
         <Layout.Stack gap="l">
             {@render children?.()}
@@ -48,7 +45,8 @@
         z-index: 1;
         margin-block-start: -3.5rem;
     }
-    :global(.console-container) {
+
+    .console-container {
         margin-block: var(--base-32);
 
         &.insideSideSheet {
@@ -90,21 +88,6 @@
             }
         }
 
-        &.databasesMainScreen {
-            @media (min-width: 360px) {
-                margin-inline: 1rem;
-            }
-
-            @media (min-width: 1024px) {
-                margin-inline: auto;
-                max-width: 1000px;
-            }
-
-            @media (min-width: 1440px) {
-                max-width: 1200px;
-            }
-        }
-
         @media (min-width: 360px) {
             margin-inline: 1rem;
         }
diff --git a/src/lib/layout/cover.svelte b/src/lib/layout/cover.svelte
index 33c4c6cd5..7e96c8ac2 100644
--- a/src/lib/layout/cover.svelte
+++ b/src/lib/layout/cover.svelte
@@ -124,7 +124,7 @@
         }
 
         &.adjustForSpreadsheet {
-            padding-left: 2.5px;
+            padding-left: 2px;
         }
 
         &.databasesMainScreen {
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index c82c3f56f..1459969ef 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -305,9 +305,17 @@
             }
         }
 
-        @media (min-width: 1024px) {
-            :global(.console-container) {
-                padding-left: 45px; /* 255px - 210px */
+        :global(.console-container) {
+            @media (min-width: 1024px) {
+                padding-inline-start: var(--base-32, 32px);
+            }
+
+            @media (min-width: 1085px) {
+                padding-inline-start: calc(var(--base-32, 32px) - 0.5rem);
+            }
+
+            @media (min-width: 1280px) {
+                padding-inline-start: calc(var(--base-32, 32px) - 0.75rem);
             }
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/activity/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/activity/+page.svelte
index 873efed3e..a406f74b9 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/activity/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/activity/+page.svelte
@@ -6,5 +6,5 @@
 </script>
 
 <div class="databases-spreadsheet">
-    <Activity {...data} databasesMainScreen />
+    <Activity {...data} />
 </div>
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/settings/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/settings/+page.svelte
index 69df5956c..04455dd81 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/settings/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/settings/+page.svelte
@@ -10,7 +10,7 @@
 </script>
 
 <div class="databases-spreadsheet">
-    <Container databasesMainScreen>
+    <Container>
         {#if $table}
             <UpdateStatus />
             <UpdateName />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/usage/[[period]]/+page.svelte
index 2e30031fb..1b374e93c 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/usage/[[period]]/+page.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <div class="databases-spreadsheet">
-    <Container databasesMainScreen>
+    <Container>
         <Usage
             path={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}/table-${page.params.table}/usage`}
             {total}