From 79688cd0424c7cd3bc7cf4ed458cc0dcad542fb1 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 22 Nov 2022 12:02:45 -0600
Subject: [PATCH] Shrink the footer a bit

---
 src/view/shell/mobile/index.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/view/shell/mobile/index.tsx b/src/view/shell/mobile/index.tsx
index 4c85d3b1..9e2d9207 100644
--- a/src/view/shell/mobile/index.tsx
+++ b/src/view/shell/mobile/index.tsx
@@ -308,7 +308,11 @@ export const MobileShell: React.FC = observer(() => {
         tabMenuInterp={tabMenuInterp}
         onClose={() => toggleTabsMenu(false)}
       />
-      <SafeAreaView style={styles.bottomBar}>
+      <View
+        style={[
+          styles.bottomBar,
+          {paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
+        ]}>
         <Btn
           icon={isAtHome ? 'home-solid' : 'home'}
           onPress={onPressHome}
@@ -331,7 +335,7 @@ export const MobileShell: React.FC = observer(() => {
           icon={isMainMenuActive ? 'menu-solid' : 'menu'}
           onPress={onPressMenu}
         />
-      </SafeAreaView>
+      </View>
       <MainMenu
         active={isMainMenuActive}
         onClose={() => setMainMenuActive(false)}
@@ -483,11 +487,11 @@ const styles = StyleSheet.create({
   ctrl: {
     flex: 1,
     paddingTop: 15,
-    paddingBottom: 15,
+    paddingBottom: 5,
   },
   notificationCount: {
     position: 'absolute',
-    left: 46,
+    left: '60%',
     top: 10,
     backgroundColor: colors.red3,
     paddingHorizontal: 4,