misc fixes related to loading, font-size, alignment (#2504)

https://linear.app/unleash/issue/2-423/update-feature-toggle-overview-sidepanel
Unleash · Nov 22, 2022 · c67e443 · c67e443
1 parent 4d5c12d
commit c67e443
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/...tureOverviewSidePanel/FeatureOverviewSidePanelDetails/FeatureOverviewSidePanelDetails.tsx b/...tureOverviewSidePanel/FeatureOverviewSidePanelDetails/FeatureOverviewSidePanelDetails.tsx
@@ -30,7 +30,7 @@ export const FeatureOverviewSidePanelDetails = ({
     return (
         <StyledContainer>
             {header}
-            <div>
+            <div data-loading>
                 <StyledLabel>Created at:</StyledLabel>
                 <span>
                     {formatDateYMD(

diff --git a/...s/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentSwitch.tsx b/...s/FeatureOverviewSidePanelEnvironmentSwitch/FeatureOverviewSidePanelEnvironmentSwitch.tsx
@@ -15,6 +15,7 @@ import { styled } from '@mui/material';
 import StringTruncator from 'component/common/StringTruncator/StringTruncator';
 
 const StyledContainer = styled('div')(({ theme }) => ({
+    marginLeft: theme.spacing(-1.5),
     '&:not(:last-of-type)': {
         marginBottom: theme.spacing(2),
     },

diff --git a/...atureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitches.tsx b/...atureOverviewSidePanelEnvironmentSwitches/FeatureOverviewSidePanelEnvironmentSwitches.tsx
@@ -15,11 +15,11 @@ const StyledSwitchLabel = styled('div')(() => ({
 }));
 
 const StyledLabel = styled('p')(({ theme }) => ({
-    fontSize: theme.fontSizes.smallBody,
+    fontSize: theme.fontSizes.bodySize,
 }));
 
 const StyledSubLabel = styled('p')(({ theme }) => ({
-    fontSize: theme.fontSizes.smallerBody,
+    fontSize: theme.fontSizes.smallBody,
     color: theme.palette.text.secondary,
 }));
 

diff --git a/...ew/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx b/...ew/FeatureOverviewSidePanel/FeatureOverviewSidePanelTags/FeatureOverviewSidePanelTags.tsx
@@ -113,6 +113,7 @@ export const FeatureOverviewSidePanelTags = ({
                             show={<StyledDivider />}
                         />
                         <StyledButton
+                            data-loading
                             variant="outlined"
                             startIcon={<Add />}
                             onClick={() => setOpenTagDialog(true)}