update App layout styling; bump product catalog to v15.3.0

android/build.gradle

@@ -71,7 +71,7 @@ dependencies {
   implementation "com.google.code.gson:gson:2.10.1"
 
   implementation("com.facebook.react:react-android")
-  def product_catalog_version = "15.1.1"
+  def product_catalog_version = "15.3.0"
 
   implementation ("de.webid-solutions:android_meta_plugin:$product_catalog_version") {
     changing = true

example/src/App.tsx

@@ -57,12 +57,18 @@ export default function App() {
   });
 
   const styles = StyleSheet.create({
+    container: {
+      paddingHorizontal: 16,
+      paddingBottom: 16,
+      paddingTop: 64,
+    },
     input: {
       height: 40,
       margin: 12,
       borderWidth: 1,
       padding: 10,
     },
+    btn: { marginVertical: 8 },
   });
 
   const showAlert = (title: string, message: string) => {
@@ -122,7 +128,7 @@ export default function App() {
   };
 
   return (
-    <SafeAreaView>
+    <SafeAreaView style={styles.container}>
       <StatusBar />
       <View>
         <View>
@@ -164,16 +170,22 @@ export default function App() {
           </View>
         </View>
 
+        <View style={styles.btn}>
           <Button title="Create Meta Plugin" onPress={onCreateMetaPlugin} />
+        </View>
         <TextInput
           style={styles.input}
           onChangeText={onChangeActionId}
           value={actionId}
           placeholder="Action Id"
         />
+        <View style={styles.btn}>
           <Button title="Verify Action Id" onPress={onVerifyActionId} />
+        </View>
+        <View style={styles.btn}>
           <Button title="Start" onPress={onStart} />
         </View>
+      </View>
     </SafeAreaView>
   );
 }