[TMA-495] Notification Item UI Update (#165)

* slight styling change

* updated boldness

* better spacing calculation

1 files changed, 10 insertions, 3 deletions

diff --git a/src/components/notifications/Notification.tsx b/src/components/notifications/Notification.tsx
index 38e4d597..f6a04526 100644
--- a/src/components/notifications/Notification.tsx
+++ b/src/components/notifications/Notification.tsx
@@ -6,7 +6,12 @@ import {useDispatch, useStore} from 'react-redux';
 import {loadAvatar} from '../../services';
 import {RootState} from '../../store/rootReducer';
 import {NotificationType, ScreenType} from '../../types';
-import {fetchUserX, SCREEN_HEIGHT, userXInStore} from '../../utils';
+import {
+  fetchUserX,
+  SCREEN_HEIGHT,
+  SCREEN_WIDTH,
+  userXInStore,
+} from '../../utils';
 
 interface NotificationProps {
   item: NotificationType;
@@ -115,7 +120,7 @@ const Notification: React.FC<NotificationProps> = (props) => {
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    height: SCREEN_HEIGHT / 12,
+    height: SCREEN_HEIGHT / 10,
     flex: 1,
     alignItems: 'center',
   },
@@ -135,9 +140,11 @@ const styles = StyleSheet.create({
     height: '80%',
     flexDirection: 'column',
     justifyContent: 'space-around',
+    marginRight: SCREEN_WIDTH / 6,
   },
   actorName: {
-    fontWeight: 'bold',
+    fontSize: 15,
+    fontWeight: '700',
   },
   moment: {
     position: 'absolute',