Merge pull request #644 from visualize-admin/font-align

visualize-admin · Aug 22, 2022 · e7ba601 · e7ba601 · vercel · Aug 22, 2022
2 parents 705b7a4 + dad83cf
commit e7ba601
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/app/configurator/components/chart-controls/control-tab.tsx b/app/configurator/components/chart-controls/control-tab.tsx
@@ -199,7 +199,7 @@ export const ControlTabButton = ({
       py: 3,
       fontWeight: "normal",
 
-      fontSize: ["0.875rem", "0.875rem", "0.875rem"],
+      fontSize: "0.875rem",
       transition: "background-color .2s",
       cursor: "pointer",
       ":hover": {
@@ -281,7 +281,7 @@ export const ControlTabButtonInner = ({
           </Typography>
         )}
         <Typography
-          variant="h4"
+          variant="h5"
           sx={{
             color: optional && !checked ? "grey.600" : "grey.800",
             textAlign: "left",

diff --git a/app/configurator/components/empty-right-panel.tsx b/app/configurator/components/empty-right-panel.tsx
@@ -12,7 +12,7 @@ export const EmptyRightPanel = ({
 }: {
   state: ConfiguratorStateConfiguringChart | ConfiguratorStateDescribingChart;
 }) => (
-  <Typography component="div" variant="body1" sx={{ m: 4 }}>
+  <Typography component="div" variant="body2" sx={{ m: 4 }}>
     {getRightPanelHint(state.state)}
   </Typography>
 );

diff --git a/app/themes/federal.tsx b/app/themes/federal.tsx
@@ -443,6 +443,8 @@ theme.components = {
   MuiOutlinedInput: {
     styleOverrides: {
       root: {
+        fontSize: theme.typography.body2.fontSize,
+        lineHeight: theme.typography.body2.lineHeight,
         borderRadius: (theme.shape.borderRadius as number) * 1.5,
       },
     },