updating default style for button container so the next button will be on the right by default

Author: Sibusiso Massango

README.md

@@ -77,6 +77,7 @@ export default function App() {
   return (
     <View style={styles.container}>
       <MultiSteps
+        containerButtonStyle={styles.containerButtonStyle}
         onMoveNext={function (data: any): void { console.log("next", data) }}
         onMovePrevious={function (data: any): void { console.log("previous", data) }}
         onSubmit={function () { console.log('Submit') }}>
@@ -137,7 +138,13 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     margin: 20,
   },
-
+ containerButtonStyle:{
+          display: 'flex',
+          flexDirection: 'row',
+          justifyContent: 'flex-end',
+          paddingLeft: 10,
+          paddingRight: 30,
+        }
 });
 
 ```

src/index.tsx

@@ -170,8 +170,11 @@ const styles = StyleSheet.create({
     marginVertical: 8,
   },
   fixToText: {
+    display: 'flex',
     flexDirection: 'row',
-    justifyContent: 'space-between',
+    justifyContent: 'flex-end',
+    paddingLeft: 10,
+    paddingRight: 30,
   },
   styleBtn: {
     alignItems: 'center',