fix(flat-list): adjust design details

dhis2 · Sep 4, 2024 · 1d53036 · 1d53036
1 parent 4e2b9ae
commit 1d53036
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/core_modules/capture-ui/FlatList/FlatList.component.js b/src/core_modules/capture-ui/FlatList/FlatList.component.js
@@ -18,16 +18,18 @@ const styles = {
         display: 'flex',
         fontSize: '14px',
         lineHeight: '19px',
-        padding: `${spacersNum.dp12}px 0`,
+        padding: `${spacersNum.dp8}px 0`,
         '&.isLastItem': {
             borderBottomWidth: 0,
         },
     },
     itemKey: {
         flex: '0 0 auto',
-        width: '128px',
-        color: colors.grey600,
-        marginRight: '20px',
+        width: '110px',
+        color: colors.grey700,
+        marginRight: spacersNum.dp8,
+        fontSize: '13px',
+        lineHeight: '17px',
         ...itemStyles,
     },
     itemValue: {