From 27d4ce207cbf48c8d84cd1c0e777b8f82b8f30f3 Mon Sep 17 00:00:00 2001
From: Simona Domnisoru <simona.domnisoru@gmail.com>
Date: Tue, 23 Jan 2024 13:30:56 +0100
Subject: [PATCH] chore: apply mockup css properties

---
 .../components/WidgetAssignee/DisplayMode.component.js      | 6 ++++--
 1 file changed, 4 insertions(+), 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
index 621a1d489d..507d096762 100644
--- a/src/core_modules/capture-core/components/WidgetAssignee/DisplayMode.component.js
+++ b/src/core_modules/capture-core/components/WidgetAssignee/DisplayMode.component.js
@@ -12,7 +12,7 @@ const styles = () => ({
         alignItems: 'center',
     },
     editButton: {
-        margin: spacers.dp4,
+        marginLeft: spacers.dp12,
     },
     assignButton: {
         margin: spacers.dp4,
@@ -20,6 +20,7 @@ const styles = () => ({
     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>