Second batch of CSS improvements on Open Safe

src/routes/open/components/SafeOwnersForm/index.jsx

@@ -115,7 +115,7 @@ class SafeOwners extends React.Component<Props, State> {
     return (
       <React.Fragment>
         <Block className={classes.title}>
-          <Paragraph noMargin size="md" color="primary" weight="light">
+          <Paragraph noMargin size="md" color="primary">
             Specify the owners of the Safe.
           </Paragraph>
         </Block>
@@ -163,6 +163,7 @@ class SafeOwners extends React.Component<Props, State> {
                   { index > 0 &&
                     <IconButton aria-label="Delete" onClick={this.onRemoveRow(index)} className={classes.trash}>
                       <Delete />
+                      {/* <Img className={classes.logo} src={dot} height={14} alt="Network" /> */}
                     </IconButton>
                   }
                 </Col>
@@ -172,7 +173,7 @@ class SafeOwners extends React.Component<Props, State> {
         </Block>
         <Row align="center" grow className={classes.add} margin="xl">
           <Button color="secondary" onClick={this.onAddOwner}>
-            {ADD_OWNER_BUTTON}
+            <Paragraph weight="bold" size="md" noMargin>{ADD_OWNER_BUTTON}</Paragraph>
           </Button>
         </Row>
       </React.Fragment>

src/theme/mui.js

@@ -55,6 +55,11 @@ export default createMuiTheme({
         minWidth: '130px',
         fontSize: smallFontSize,
       },
+      textSecondary: {
+        '&:hover': {
+          borderRadius: '3px',
+        },
+      },
     },
     MuiStepper: {
       root: {
@@ -64,12 +69,19 @@ export default createMuiTheme({
     MuiStepIcon: {
       root: {
         fontSize: '22px',
+        color: '#A2A8BA !important',
       },
       completed: {
         color: `${secondary} !important`,
       },
       active: {
         color: `${secondary} !important`,
+        fontWeight: boldFont,
+      },
+    },
+    MuiStepContent: {
+      root: {
+        borderLeft: '1px solid #A2A8BA',
       },
     },
     MuiTypography: {
@@ -130,6 +142,10 @@ export default createMuiTheme({
     MuiStepLabel: {
       label: {
         textAlign: 'left',
+        color: '#A2A8BA',
+        '&$active': {
+          color: primary,
+        },
       },
     },
     MuiSnackbarContent: {