fix(striker-ui): adjust margin between children on inner panel header

1 year ago · d0f9ced223
parent 7bb98ba95f
commit d0f9ced223
2 changed files with 4 additions and 1 deletions
--- a/striker-ui/components/Hosts/AnvilHost.tsx
+++ b/striker-ui/components/Hosts/AnvilHost.tsx
@ -45,7 +45,6 @@ const StyledBox = styled(Box)(({ theme }) => ({

  [`& .${classes.decoratorBox}`]: {
    alignSelf: 'stretch',
-    paddingRight: '.3em',
  },
 }));

--- a/striker-ui/components/Panels/InnerPanelHeader.tsx
+++ b/striker-ui/components/Panels/InnerPanelHeader.tsx
@ -26,6 +26,10 @@ const InnerPanelHeader: FC = ({ children }) => (
        '& > :first-child': {
          flexGrow: 1,
        },
+
+        '& > :not(:first-child, :last-child)': {
+          marginRight: '.3em',
+        },
      }}
    >
      {children}