[ui] Adjust table width and fix overflow issue

statisticsnorway · Nov 7, 2024 · ee802e8 · ee802e8
1 parent b032ed1
commit ee802e8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/src/app/layout.tsx b/app/src/app/layout.tsx
@@ -29,7 +29,7 @@ export default function RootLayout({
     <html lang="en" className="h-full bg-white">
       <body
         className={cn(
-          "grid h-full grid-rows-[auto_1fr_auto] font-sans antialiased",
+          "grid min-h-full grid-rows-[auto_1fr_auto] font-sans antialiased",
           inter.className
         )}
       >

diff --git a/app/src/app/search/page.tsx b/app/src/app/search/page.tsx
@@ -56,7 +56,8 @@ export default async function SearchPage({ searchParams: initialUrlSearchParamsD
       allDataSources={dataSources ?? []}
       initialUrlSearchParamsDict={initialUrlSearchParamsDict}
     >
-      <main className="mx-auto flex w-full flex-col py-8 md:py-12 px-4">
+      <main className="overflow-x-hidden">
+        <div className="mx-auto flex flex-col w-full max-w-fit py-8 md:py-12 px-8">
         <h1 className="text-center mb-6 text-xl lg:mb-12 lg:text-2xl">
           Search for statistical units
         </h1>
@@ -79,6 +80,7 @@ export default async function SearchPage({ searchParams: initialUrlSearchParamsD
             <Selection />
           </section>
         </SelectionProvider>
+        </div>
       </main>
     </SearchResults>
   );