fix(style): height and alignment of spinner on container

Closes: #33

Author: marcocesarato

src/InputSpinner.js

@@ -785,9 +785,9 @@ class InputSpinner extends Component {
 		return [
 			Style.container,
 			{
-				flex: 1,
 				borderColor: this.props.showBorder ? this._getColor() : "transparent",
 				width: this.props.width,
+				height: this.props.height,
 			},
 			this.props.style,
 		];
@@ -807,7 +807,7 @@ class InputSpinner extends Component {
 				fontFamily: this.props.fontFamily,
 				borderColor: this.props.showBorder ? this._getColor() : "transparent",
 				backgroundColor: this.props.background,
-				height: this.props.height
+				height: this.props.height,
 			},
 			this.props.inputStyle,
 		];

src/Style.js

@@ -12,6 +12,8 @@ export const Style = StyleSheet.create({
 		flexDirection: "row",
 		overflow: "hidden",
 		width: 150,
+		alignItems: "center",
+		justifyContent: "center",
 	},
 	buttonLeft: {
 		alignItems: "center",
@@ -34,9 +36,9 @@ export const Style = StyleSheet.create({
 		...Platform.select({
 			web: {
 				outlineWidth: 0,
-				outline: "none"
+				outline: "none",
 			},
-		})
+		}),
 	},
 	buttonText: {
 		color: "white",
@@ -50,8 +52,8 @@ export const Style = StyleSheet.create({
 		...Platform.select({
 			web: {
 				outlineWidth: 0,
-				outline: "none"
+				outline: "none",
 			},
-		})
+		}),
 	},
 });