fix: chart info panel misalignment

globalfund · Sep 26, 2024 · e27214e · e27214e
1 parent 2b339e6
commit e27214e
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 2 deletions.
diff --git a/src/app/components/chart-block/components/button-toolbar/index.tsx b/src/app/components/chart-block/components/button-toolbar/index.tsx
@@ -70,7 +70,6 @@ export const ChartBlockButtonToolbar: React.FC<ChartBlockButtonToolbarProps> = (
         <Box
           gap="8px"
           display="flex"
-          position="relative"
           flexDirection="row"
           justifyContent="flex-end"
           sx={{

diff --git a/src/app/components/chart-block/index.tsx b/src/app/components/chart-block/index.tsx
@@ -165,6 +165,7 @@ export const ChartBlock: React.FC<ChartBlockProps> = (
         display="flex"
         marginTop="40px"
         alignItems="center"
+        position="relative"
         // justifyContent={props.latestUpdate ? "space-between" : "flex-end"}
         justifyContent="flex-end"
       >

diff --git a/src/app/pages/datasets/common/chart-block/index.tsx b/src/app/pages/datasets/common/chart-block/index.tsx
@@ -232,6 +232,7 @@ export const DatasetChartBlock: React.FC<DatasetChartBlockProps> = (
           display="flex"
           marginTop="40px"
           alignItems="center"
+          position="relative"
           // justifyContent={props.latestUpdate ? "space-between" : "flex-end"}
           justifyContent="flex-end"
         >

diff --git a/src/app/pages/grant/views/overview/index.tsx b/src/app/pages/grant/views/overview/index.tsx
@@ -244,7 +244,7 @@ export const GrantOverview: React.FC = () => {
         </Grid>
       </Grid>
       {fullWidthDivider}
-      <Box>
+      <Box position="relative">
         <Box id="grant-overview-race-bar-chart">
           <RaceBarChart data={raceBarChartData} />
         </Box>