chore: apply mockup css properties

dhis2 · Jan 23, 2024 · 27d4ce2 · 27d4ce2
1 parent c96bac8
commit 27d4ce2
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/core_modules/capture-core/components/WidgetAssignee/DisplayMode.component.js b/src/core_modules/capture-core/components/WidgetAssignee/DisplayMode.component.js
@@ -12,14 +12,15 @@ const styles = () => ({
         alignItems: 'center',
     },
     editButton: {
-        margin: spacers.dp4,
+        marginLeft: spacers.dp12,
     },
     assignButton: {
         margin: spacers.dp4,
     },
     avatarWrapper: {
         display: 'flex',
         alignItems: 'center',
+        fontSize: 14,
     },
     avatar: {
         margin: spacers.dp4,
@@ -39,7 +40,7 @@ const DisplayModePlain = ({ assignee, onEdit, writeAccess, avatarId, classes }:
         <div className={classes.wrapper}>
             <div className={classes.avatarWrapper}>
                 {i18n.t('Assigned to')}
-                <UserAvatar name={assignee.name} className={classes.avatar} avatarId={avatarId} />
+                <UserAvatar name={assignee.name} className={classes.avatar} avatarId={avatarId} small />
                 {assignee.name}
             </div>
             <ConditionalTooltip
@@ -52,6 +53,7 @@ const DisplayModePlain = ({ assignee, onEdit, writeAccess, avatarId, classes }:
                     dataTest="widget-assignee-edit"
                     disabled={!writeAccess}
                     secondary
+                    small
                 >
                     {i18n.t('Edit')}
                 </Button>