style: Update margins

visualize-admin · Dec 6, 2023 · 71fa9cd · 71fa9cd
1 parent f59ea74
commit 71fa9cd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/app/components/chart-filters-list.tsx b/app/components/chart-filters-list.tsx
@@ -137,7 +137,7 @@ export const ChartFiltersList = (props: ChartFiltersListProps) => {
     <Typography
       component="div"
       variant="body2"
-      sx={{ my: 4, color: "grey.800" }}
+      sx={{ mb: 4, color: "grey.800" }}
       data-testid="chart-filters-list"
     >
       {allFilters.map(({ dimension, value }, i) => (

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
@@ -174,7 +174,7 @@ export const ChartPreviewInner = (props: ChartPreviewProps) => {
                   }
                 />
             </>
-            <Box ref={containerRef} height={containerHeight.current!}>
+            <Box ref={containerRef} height={containerHeight.current!} mt={4}>
               {isTablePreview ? (
                 <DataSetTable
                   sx={{

diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx
@@ -246,6 +246,7 @@ const ChartPublishedInner = (props: ChartPublishInnerProps) => {
               ref={containerRef}
               height={containerHeight.current!}
               flexGrow={1}
+              mt={4}
             >
               {isTablePreview ? (
                 <DataSetTable