From 6bfdf77e69cbd18f08ab91fdd7597d29c48c7561 Mon Sep 17 00:00:00 2001
From: Yuto Takano <moa17stock@gmail.com>
Date: Tue, 10 Sep 2019 21:32:20 +0900
Subject: [PATCH] Move NotificationBadge to left side of icon

---
 src/components/GreetingsCard.js     | 7 +++++--
 src/components/NotificationBadge.js | 1 -
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/GreetingsCard.js b/src/components/GreetingsCard.js
index 19c4a4b..7de4a7b 100644
--- a/src/components/GreetingsCard.js
+++ b/src/components/GreetingsCard.js
@@ -117,6 +117,7 @@ class GreetingsCard extends React.PureComponent {
             });
           }}
         >
+          <NotificationBadge style={{ position: 'relative' }}/>
           <Icon
             name={
               this.props.notificationCount
@@ -125,7 +126,6 @@ class GreetingsCard extends React.PureComponent {
             }
             color={colors.primary}
           />
-          <NotificationBadge />
         </TouchableOpacity>
       </View>
     );
@@ -162,7 +162,10 @@ const greetingsCardStyles = StyleSheet.create({
   notificationIcon: {
     position: 'absolute',
     top: 16,
-    right: 8
+    right: 8,
+    height: 24,
+    flexDirection: 'row',
+    alignItems: 'center'
   }
 });
 
diff --git a/src/components/NotificationBadge.js b/src/components/NotificationBadge.js
index c75b184..af0d111 100644
--- a/src/components/NotificationBadge.js
+++ b/src/components/NotificationBadge.js
@@ -29,7 +29,6 @@ const notificationBadgeStyles = StyleSheet.create({
     top: -5,
     color: colors.white,
     backgroundColor: colors.primary
-    
   }
 });