Adjust layout: shrink sidebar icons and paddings

Author: TorstenDittmann

src/lib/components/sidebar.svelte

@@ -692,7 +692,7 @@
             transition: width 0.2s linear;
 
             &.icons {
-                width: 266px;
+                width: 248px;
                 transition: width 0.3s linear;
 
                 &.no-transitions {

src/lib/layout/shell.svelte

@@ -301,7 +301,7 @@
     :global(main:has(.sub-navigation)) {
         .main-content {
             @media (min-width: 1024px) {
-                padding-left: 255px;
+                padding-left: 238px;
             }
         }
     }
@@ -315,7 +315,7 @@
         @media (min-width: 1024px) {
             .main-content {
                 height: auto;
-                padding-left: 210px;
+                padding-left: 198px;
             }
         }
 

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/layout/spreadsheet.svelte

@@ -45,7 +45,7 @@
         if (!spreadsheetWrapper) return;
         const wrapperRect = spreadsheetWrapper.getBoundingClientRect();
         const wrapperTop = wrapperRect.top;
-        const viewportHeight = window.innerHeight;
+        const viewportHeight = window.innerHeight - 14;
         const availableHeight = viewportHeight - wrapperTop;
         const finalHeight = Math.max(100, availableHeight);