Improved ui on larger screens

screens/Tetris/TetrisScreen.js

                 <View style={{
                     flexDirection: 'row',
                     position: 'absolute',
-                    top: 10,
+                    top: 5,
                     left: 10,
                 }}>
                     <MaterialCommunityIcons
                 <Grid
                     width={this.logic.getWidth()}
                     height={this.logic.getHeight()}
-                    containerHeight={'80%'}
+                    containerMaxHeight={'80%'}
+                    containerMaxWidth={'60%'}
                     grid={this.state.grid}
                     backgroundColor={this.colors.tetrisBackground}
                 />
                     />
                 </View>
                 <View style={{
+                    position: 'absolute',
+                    bottom: 0,
                     flexDirection: 'row',
                     width: '100%',
                 }}>
                         onPressIn={() => this.logic.downPressedIn(this.updateGridScore)}
                         onPress={() => this.logic.pressedOut()}
                         style={{marginLeft: 'auto'}}
+                        color={this.colors.tetrisScore}
                     />
                 </View>
             </View>

screens/Tetris/components/Cell.js

                     backgroundColor: this.props.isEmpty ? 'transparent' : this.props.color,
                     borderColor: this.props.isEmpty ? 'transparent' : this.colors.tetrisBorder,
                     borderStyle: 'solid',
+                    borderRadius: 2,
                     borderWidth: 1,
                     aspectRatio: 1,
                 }}

screens/Tetris/components/Grid.js

     backgroundColor: string,
     height: number,
     width: number,
-    containerHeight: number|string,
+    containerMaxHeight: number|string,
+    containerMaxWidth: number|string,
 }
 
 class Grid extends React.Component<Props>{
         return(
             <View style={{
                 flexDirection: 'row',
+                backgroundColor: this.props.backgroundColor,
             }}>
                 {cells}
             </View>
         return (
             <View style={{
                 flexDirection: 'column',
-                height: this.props.containerHeight,
+                maxWidth: this.props.containerMaxWidth,
+                maxHeight: this.props.containerMaxHeight,
                 aspectRatio: this.props.width/this.props.height,
                 marginLeft: 'auto',
                 marginRight: 'auto',
-                backgroundColor: this.props.backgroundColor,
             }}>
                 {this.getGrid()}
             </View>

screens/Tetris/components/Preview.js

                     width={this.props.next[i][0].length}
                     height={this.props.next[i].length}
                     grid={this.props.next[i]}
-                    containerHeight={50}
+                    containerMaxHeight={50}
+                    containerMaxWidth={50}
                     backgroundColor={'transparent'}
                 />
             );