From b645bdb948572253d3bc55800b56c2f5fcce3aae Mon Sep 17 00:00:00 2001
From: Geraint White <geraintwhite@gmail.com>
Date: Thu, 22 Dec 2022 15:50:47 +0000
Subject: [PATCH] Add support for button spacer styling and text box text
 styling

---
 src/Assets/Styles/RateModal.tsx    | 8 ++++++++
 src/Components/ButtonContainer.tsx | 4 ++--
 src/Components/RateModal.tsx       | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/Assets/Styles/RateModal.tsx b/src/Assets/Styles/RateModal.tsx
index baf264d..34fb468 100644
--- a/src/Assets/Styles/RateModal.tsx
+++ b/src/Assets/Styles/RateModal.tsx
@@ -15,6 +15,10 @@ export let RateModalStyles = StyleSheet.create({
 		width: 130,
 	} as ViewStyle,
 
+	buttonSpacer: {
+		flex: 1
+	} as ViewStyle,
+
 	button: {
 		backgroundColor: Color.LightGreen[600],
 		flex: 0,
@@ -65,6 +69,10 @@ export let RateModalStyles = StyleSheet.create({
 		margin: 20,
 	} as ViewStyle,
 
+	textBoxText: {
+		paddingVertical: 5
+	} as TextStyle,
+
 	title: {
 		fontSize: 20,
 		fontWeight: '500',
diff --git a/src/Components/ButtonContainer.tsx b/src/Components/ButtonContainer.tsx
index ae3d990..0b7ac74 100644
--- a/src/Components/ButtonContainer.tsx
+++ b/src/Components/ButtonContainer.tsx
@@ -5,12 +5,12 @@ import { RateModalStyles } from '../Assets/Styles/RateModal';
 import { IProps } from '../Interfaces/IButtonContainer';
 
 export function ButtonContainer(props: IProps): JSX.Element {
-  const { buttonContainer } = RateModalStyles;
+  const { buttonContainer, buttonSpacer } = RateModalStyles;
   const { styles, children } = props;
 
   return (
     <View style={[buttonContainer, styles.buttonContainer]}>
-      <View style={{ flex: 1 }}></View>
+      <View style={[buttonSpacer, styles.buttonSpacer]}></View>
       {children}
     </View>
   );
diff --git a/src/Components/RateModal.tsx b/src/Components/RateModal.tsx
index 161d699..ac73458 100644
--- a/src/Components/RateModal.tsx
+++ b/src/Components/RateModal.tsx
@@ -171,7 +171,7 @@ export class RateModal extends Component<IProps, IState> {
 		return (
 			<TextBox
 				containerStyle={[RateModalStyles.textBox, styles.textBox]}
-				textStyle={{ paddingVertical: 5 }}
+				textStyle={[RateModalStyles.textBoxText, styles.textBoxText]}
 				value={this.state.review}
 				placeholder={commentPlaceholderText}
 				multiline