From 0cb19c5b173d4cf6ba67378cbffd61abac7f18c3 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <37447613+shravyaramesh@users.noreply.github.com>
Date: Tue, 8 Dec 2020 20:18:07 -0800
Subject: [TMA-338, TMA-400] Zoom out on profile page and adjust follow/block
 button touchable opacity (#132)

* changed dimensions of username, bio, website, moment tiles; Changed padding in profile body; Added padding between moment tiles;

* adjusted spacing between profile cutout and body

* adjusting space below profile cutout accoring to device

* Ensuring userId exists before loading taggs

* Made tagg icons responsive according to device dimensions

* shoft profile picture to the left

* Fix bug

* small

* flex

* flex remove

* Shrunk taggs bar icons and readjusted padding around it

Co-authored-by: Ashm Walia <ashmwalia@outlook.com>
---
 src/components/moments/Moment.tsx     | 12 ++++++------
 src/components/moments/MomentTile.tsx |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

(limited to 'src/components/moments')

diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx
index 0c8febcf..e928f7e0 100644
--- a/src/components/moments/Moment.tsx
+++ b/src/components/moments/Moment.tsx
@@ -80,7 +80,7 @@ const Moment: React.FC<MomentProps> = ({
             <LinearGradient
               colors={['rgba(105, 141, 211, 1)', 'rgba(105, 141, 211, 0.3)']}>
               <View style={styles.defaultImage}>
-                <BigPlusIcon width={50} height={50} />
+                <BigPlusIcon width={24} height={24} />
                 <Text style={styles.defaultImageText}>
                   Add a moment of your {title.toLowerCase()}!
                 </Text>
@@ -101,7 +101,7 @@ const styles = StyleSheet.create({
   },
   header: {
     flex: 1,
-    paddingHorizontal: 10,
+    paddingLeft: '3%',
     padding: 5,
     paddingTop: 20,
     backgroundColor: 'white',
@@ -115,7 +115,7 @@ const styles = StyleSheet.create({
     color: TAGG_TEXT_LIGHT_BLUE,
   },
   scrollContainer: {
-    height: SCREEN_WIDTH / 2,
+    height: SCREEN_WIDTH / 3.25,
     backgroundColor: '#eee',
   },
   defaultImage: {
@@ -126,11 +126,11 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
   },
   defaultImageText: {
-    fontSize: 20,
-    paddingTop: 20,
+    fontSize: 14,
+    paddingTop: 10,
     color: 'white',
     fontWeight: 'bold',
-    width: '75%',
+    width: '80%',
     textAlign: 'center',
   },
 });
diff --git a/src/components/moments/MomentTile.tsx b/src/components/moments/MomentTile.tsx
index cc24c531..05ccfa15 100644
--- a/src/components/moments/MomentTile.tsx
+++ b/src/components/moments/MomentTile.tsx
@@ -39,6 +39,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     flexDirection: 'column',
+    marginRight: 5,
   },
 });
 export default MomentTile;
-- 
cgit v1.2.3-70-g09d2