21762: added trycatch to observer callback

[arvados.git] / services / workbench2 / src / views-components / details-card / project-details-card.tsx

diff --git a/services/workbench2/src/views-components/details-card/project-details-card.tsx b/services/workbench2/src/views-components/details-card/project-details-card.tsx
index 79a3dbbfdd247c6ace6816c31fbf7489837968e7..a0f844c510617bf90ce9601430ac0c367c274415 100644 (file)
--- a/services/workbench2/src/views-components/details-card/project-details-card.tsx
+++ b/services/workbench2/src/views-components/details-card/project-details-card.tsx
@@ -47,9 +47,6 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         padding: 0,
         minHeight: '3rem',
     },
-    showMore: {
-        cursor: 'pointer',
-    },
     noDescription: {
         color: theme.palette.grey['600'],
         fontStyle: 'italic',
@@ -75,6 +72,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         display: 'flex',
         flexDirection: 'row',
         cursor: 'pointer',
+        marginTop: '-0.25rem',
         paddingBottom: '0.5rem',
     },
     cardContent: {
@@ -106,24 +104,29 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         height: '1rem',
         color: theme.palette.text.primary,
     },
+    showMore: {
+        marginTop: 0,
+        cursor: 'pointer',
+    },
     chipToggle: {
         display: 'flex',
         alignItems: 'center',
         height: '2rem',
     },
     chipSection: {
-        marginBottom: '-2rem',
+        marginBottom: '-1rem',
     },
     tag: {
         marginRight: '0.75rem',
         marginBottom: '0.5rem',
     },
     description: {
-        width: '95%',
         marginTop: 0,
+        marginRight: '2rem',
+        marginBottom: '-0.85rem',
     },
     toolbarStyles: {
-        marginRight: '-1rem',
+        marginRight: '-0.5rem',
     },
 });
 
@@ -175,8 +178,6 @@ export const ProjectCard = connect(
             setShowProperties(!showProperties);
         };
 
-        const parser = new DOMParser();
-
         return (
             <Card
                 className={classes.root}