update padding values

amnet-native/app/CardManager.tsx

@@ -75,7 +75,7 @@ export default function CardManager({navigation}) {
                   style={{padding: 16, paddingTop: 24}}
                   data={cards}
                   keyExtractor={i => i._id.toString()}
-                  contentContainerStyle={{paddingBottom: 40}}
+                  contentContainerStyle={{paddingBottom: 120}}
                   ItemSeparatorComponent={() => <View style={{height: 15}}/>}
                   renderItem={i => <CardEntry card={i.item} navigation={navigation}/>}/>
     )

amnet-native/app/ServerCardIn.tsx

@@ -1,4 +1,5 @@
 import {BSON} from "realm";
+import {useSafeAreaInsets} from "react-native-safe-area-context";
 import React, {useCallback, useEffect, useLayoutEffect, useMemo, useState} from "react";
 import {ActivityIndicator, Button, Paragraph, Title, useTheme} from "react-native-paper";
 import {Alert, RefreshControl, ScrollView, Share, StyleSheet, TouchableOpacity, View} from "react-native";
@@ -28,6 +29,7 @@ const {useRealm, useQuery, useObject} = RealmContext;
 export default function ServerCardIn({route, navigation}) {
     const realm = useRealm();
     const theme = useTheme();
+    const safeArea = useSafeAreaInsets();
 
     // card listing state
     const query = useQuery(AMCard);
@@ -256,7 +258,7 @@ const styles = StyleSheet.create({
     },
     container: {
         paddingHorizontal: 16,
-        paddingBottom: 25,
+        paddingBottom: 80,
         gap: 20
     }
 });

amnet-native/app/ServerManager.tsx

@@ -120,7 +120,7 @@ export default function ServerManager({navigation}) {
                   data={servers}
                   keyExtractor={i => i._id.toString()}
                   style={{padding: 16, paddingTop: 24}}
-                  contentContainerStyle={{paddingBottom: 40}}
+                  contentContainerStyle={{paddingBottom: 80}}
                   ItemSeparatorComponent={() => <View style={{height: 15}}/>}
                   renderItem={i => <ServerCard navigation={navigation} server={i.item}/>}/>
     )