From 3a45a0812743e3f2fd48eb6648f046ea35512380 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@thetaggid.com>
Date: Thu, 14 Jan 2021 14:07:01 -0500
Subject: moved buttons to left (#181)

---
 src/components/moments/Moment.tsx | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

(limited to 'src/components')

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)}
-- 
cgit v1.2.3-70-g09d2