From 5015ecd9f7149fdfa6b4d4611cacffb16743d8dc Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Sat, 6 Mar 2021 13:55:15 -0500
Subject: layout fix

---
 src/components/search/ExploreSectionUser.tsx | 1 +
 src/screens/search/DiscoverUsers.tsx         | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/search/ExploreSectionUser.tsx b/src/components/search/ExploreSectionUser.tsx
index 6be8282b..d8c92be2 100644
--- a/src/components/search/ExploreSectionUser.tsx
+++ b/src/components/search/ExploreSectionUser.tsx
@@ -94,6 +94,7 @@ const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
     width: 100,
+    paddingVertical: 10,
   },
   gradient: {
     height: 62,
diff --git a/src/screens/search/DiscoverUsers.tsx b/src/screens/search/DiscoverUsers.tsx
index a1b3322a..e570edce 100644
--- a/src/screens/search/DiscoverUsers.tsx
+++ b/src/screens/search/DiscoverUsers.tsx
@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 import {FlatList, StatusBar, StyleSheet} from 'react-native';
 import {Text} from 'react-native-animatable';
 import {SafeAreaView} from 'react-native-safe-area-context';
-import {HeaderHeight, SCREEN_WIDTH} from '../../utils';
+import {HeaderHeight, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {SearchBackground, TabsGradient} from '../../components';
 import {RouteProp} from '@react-navigation/native';
 import {MainStackParams} from '../../routes';
@@ -67,6 +67,7 @@ const styles = StyleSheet.create({
   scrollView: {
     top: HeaderHeight,
     width: SCREEN_WIDTH * 0.95,
+    height: SCREEN_HEIGHT - HeaderHeight,
     alignSelf: 'center',
     flexDirection: 'column',
   },
@@ -79,7 +80,7 @@ const styles = StyleSheet.create({
   },
   contentContainerStyle: {
     width: SCREEN_WIDTH * 0.95,
-    paddingBottom: 30,
+    paddingBottom: SCREEN_HEIGHT * 0.2,
   },
 });
 
-- 
cgit v1.2.3-70-g09d2