From 5622c007f2afb8a4b1111f156b0df5ab5a3455c1 Mon Sep 17 00:00:00 2001
From: austinried <4966622+austinried@users.noreply.github.com>
Date: Wed, 1 Sep 2021 15:11:24 +0900
Subject: [PATCH] fix text cutting off bottom w/fixed height

---
 app/screens/NowPlayingView.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/screens/NowPlayingView.tsx b/app/screens/NowPlayingView.tsx
index 7e6787f..98a0846 100644
--- a/app/screens/NowPlayingView.tsx
+++ b/app/screens/NowPlayingView.tsx
@@ -156,13 +156,13 @@ const infoStyles = StyleSheet.create({
     justifyContent: 'center',
   },
   title: {
-    height: 28,
+    minHeight: 30,
     fontFamily: font.bold,
     fontSize: 22,
     color: colors.text.primary,
   },
   artist: {
-    height: 20,
+    minHeight: 21,
     fontFamily: font.regular,
     fontSize: 16,
     color: colors.text.secondary,
@@ -363,7 +363,7 @@ const controlsStyles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingTop: 10,
-    paddingBottom: 54,
+    paddingBottom: 40,
   },
   play: {
     marginHorizontal: 30,
@@ -419,7 +419,6 @@ const NowPlayingView: React.FC<NowPlayingProps> = ({ navigation }) => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    // paddingTop: StatusBar.currentHeight,
   },
   content: {
     flex: 1,