21720: changed theme.sspacing.unit Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa...

[arvados.git] / services / workbench2 / src / views / collection-panel / collection-panel.tsx

diff --git a/services/workbench2/src/views/collection-panel/collection-panel.tsx b/services/workbench2/src/views/collection-panel/collection-panel.tsx
index 28983457e6e7c5a5d2821bad5cc782ecd37ee216..42921f36292096b84826de69c58dd30b7f988048 100644 (file)
--- a/services/workbench2/src/views/collection-panel/collection-panel.tsx
+++ b/services/workbench2/src/views/collection-panel/collection-panel.tsx
@@ -78,8 +78,8 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         color: theme.customs.colors.greyL
     },
     tag: {
-        marginRight: theme.spacing.unit / 2,
-        marginBottom: theme.spacing.unit / 2
+        marginRight: theme.spacing / 2,
+        marginBottom: theme.spacing / 2
     },
     label: {
         fontSize: '0.875rem',
@@ -106,27 +106,27 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         }
     },
     readOnlyIcon: {
-        marginLeft: theme.spacing.unit,
+        marginLeft: theme.spacing,
         fontSize: 'small',
     },
     header: {
-        paddingTop: theme.spacing.unit,
-        paddingBottom: theme.spacing.unit,
+        paddingTop: theme.spacing,
+        paddingBottom: theme.spacing,
     },
     title: {
         overflow: 'hidden',
-        paddingTop: theme.spacing.unit * 0.5,
+        paddingTop: theme.spacing(0.5),
         color: theme.customs.colors.green700,
     },
     avatar: {
         alignSelf: 'flex-start',
-        paddingTop: theme.spacing.unit * 0.5
+        paddingTop: theme.spacing(0.5)
     },
     content: {
-        padding: theme.spacing.unit * 1.0,
-        paddingTop: theme.spacing.unit * 0.5,
+        padding: theme.spacing(1),
+        paddingTop: theme.spacing(0.5),
         '&:last-child': {
-            paddingBottom: theme.spacing.unit * 1,
+            paddingBottom: theme.spacing(1),
         }
     }
 });