moved buttons to left (#181)

1 files changed, 17 insertions, 11 deletions

diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index 623e328d..6dbcd170 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -1,5 +1,5 @@
 import {useNavigation} from '@react-navigation/native';
-import React from 'react';
+import React, {Fragment} from 'react';
 import {
   Alert,
   StyleProp,
@@ -88,23 +88,15 @@ const Moment: React.FC<MomentProps> = ({
         <Text style={[styles.titleText, externalStyles?.titleText]}>
           {title}
         </Text>
-        <View style={styles.flexer} />
         {!userXId ? (
           <>
-            <PlusIcon
-              width={21}
-              height={21}
-              onPress={() => navigateToImagePicker()}
-              color={TAGG_TEXT_LIGHT_BLUE}
-              style={{marginRight: 10}}
-            />
             {showUpButton && move && (
               <UpIcon
                 width={19}
                 height={19}
                 onPress={() => move('up', title)}
                 color={TAGG_TEXT_LIGHT_BLUE}
-                style={{marginRight: 10}}
+                style={{marginLeft: 5}}
               />
             )}
             {showDownButton && move && (
@@ -113,9 +105,23 @@ const Moment: React.FC<MomentProps> = ({
                 height={19}
                 onPress={() => move('down', title)}
                 color={TAGG_TEXT_LIGHT_BLUE}
-                style={{marginRight: 10}}
+                style={{marginLeft: 5}}
               />
             )}
+          </>
+        ) : (
+          <Fragment />
+        )}
+        <View style={styles.flexer} />
+        {!userXId ? (
+          <>
+            <PlusIcon
+              width={21}
+              height={21}
+              onPress={() => navigateToImagePicker()}
+              color={TAGG_TEXT_LIGHT_BLUE}
+              style={{marginRight: 10}}
+            />
             {shouldAllowDeletion && (
               <DeleteIcon
                 onPress={() => handleMomentCategoryDelete(title)}