From f2b48cb997a44f05ecee33942307bf58e144e406 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@thetaggid.com>
Date: Tue, 5 Jan 2021 15:56:32 -0500
Subject: [TMA-495] Notification Item UI Update (#165)

* slight styling change

* updated boldness

* better spacing calculation
---
 src/components/notifications/Notification.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'src')

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',
-- 
cgit v1.2.3-70-g09d2