From 4a2f66366e6cb6802494711f157d509d083c7a1a Mon Sep 17 00:00:00 2001
From: Leon Jiang <35908040+leonyjiang@users.noreply.github.com>
Date: Sun, 7 Mar 2021 23:45:57 -0500
Subject: Update and prune style rules

---
 src/components/search/SearchResultsBackground.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'src/components')

diff --git a/src/components/search/SearchResultsBackground.tsx b/src/components/search/SearchResultsBackground.tsx
index 25dcf781..7c1244fe 100644
--- a/src/components/search/SearchResultsBackground.tsx
+++ b/src/components/search/SearchResultsBackground.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import {StyleSheet} from 'react-native';
 import Animated, {interpolate} from 'react-native-reanimated';
-import {SCREEN_HEIGHT, SCREEN_WIDTH, StatusBarHeight} from '../../utils';
+import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 
 interface SearchResultsBackgroundProps {
   top: Animated.Value<number>;
@@ -21,7 +21,8 @@ const SearchResultsBackground: React.FC<SearchResultsBackgroundProps> = ({
   return (
     <Animated.View
       style={[styles.container, {opacity: opacityBackground, top}]}>
-      <Animated.View style={{opacity: opacityContent}}>
+      <Animated.View
+        style={[styles.contentContainer, {opacity: opacityContent}]}>
         {children}
       </Animated.View>
     </Animated.View>
@@ -29,14 +30,14 @@ const SearchResultsBackground: React.FC<SearchResultsBackgroundProps> = ({
 };
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
     height: SCREEN_HEIGHT,
     width: SCREEN_WIDTH,
     position: 'absolute',
     backgroundColor: 'white',
-    paddingTop: 60,
-    paddingBottom: 10,
-    zIndex: 0,
+  },
+  contentContainer: {
+    flex: 1,
+    paddingBottom: SCREEN_HEIGHT / 15,
   },
 });
 export default SearchResultsBackground;
-- 
cgit v1.2.3-70-g09d2