styling: fix overflowing analytics table

devflowinc · Dec 3, 2024 · 11ce08d · 11ce08d
1 parent 42759c8
commit 11ce08d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontends/dashboard/src/analytics/components/charts/Card.tsx b/frontends/dashboard/src/analytics/components/charts/Card.tsx
@@ -18,7 +18,7 @@ export const Card = (props: CardProps) => {
         "grid-column": `span ${props.width} / span ${props.width}`,
       }}
       class={cn(
-        "rounded-md border border-neutral-300 bg-white p-4 shadow-sm",
+        "overflow-x-auto rounded-md border border-neutral-300 bg-white p-4 shadow-sm",
         classStuff.class,
       )}
     >

diff --git a/frontends/dashboard/src/analytics/pages/SearchAnalyticsPage.tsx b/frontends/dashboard/src/analytics/pages/SearchAnalyticsPage.tsx
@@ -51,12 +51,12 @@ export const SearchAnalyticsPage = () => {
 
         <LowConfidenceQueries width={1} params={analyticsFilters} />
 
-        <CTRSearchQueries width={1} params={analyticsFilters} />
+        <CTRSearchQueries width={2} params={analyticsFilters} />
         <Card
           class="flex flex-col justify-between px-4"
           title="No Result Queries"
           subtitle="Searches with no results"
-          width={1}
+          width={2}
         >
           <NoResultQueries params={analyticsFilters} />
         </Card>