From 3affbfcb4033a613dc00f9303d7da5e1d712b229 Mon Sep 17 00:00:00 2001
From: Arnaud Vergnet <vergnet@etud.insa-toulouse.fr>
Date: Mon, 16 Mar 2020 19:29:57 +0100
Subject: [PATCH] Improved buttons position

---
 screens/Tetris/TetrisScreen.js | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/screens/Tetris/TetrisScreen.js b/screens/Tetris/TetrisScreen.js
index c4ac291..ec9af16 100644
--- a/screens/Tetris/TetrisScreen.js
+++ b/screens/Tetris/TetrisScreen.js
@@ -203,28 +203,33 @@ class TetrisScreen extends React.Component<Props, State> {
                 />
                 <View style={{
                     flexDirection: 'row',
-                    marginLeft: 'auto',
-                    marginRight: 'auto',
+                    width: '100%',
                 }}>
                     <IconButton
                         icon="format-rotate-90"
                         size={40}
                         onPress={() => this.logic.rotatePressed(this.updateGrid)}
+                        style={{marginRight: 'auto'}}
                     />
-                    <IconButton
-                        icon="arrow-left"
-                        size={40}
-                        onPress={() => this.logic.leftPressed(this.updateGrid)}
-                    />
-                    <IconButton
-                        icon="arrow-right"
-                        size={40}
-                        onPress={() => this.logic.rightPressed(this.updateGrid)}
-                    />
+                    <View style={{
+                        flexDirection: 'row',
+                    }}>
+                        <IconButton
+                            icon="arrow-left"
+                            size={40}
+                            onPress={() => this.logic.leftPressed(this.updateGrid)}
+                        />
+                        <IconButton
+                            icon="arrow-right"
+                            size={40}
+                            onPress={() => this.logic.rightPressed(this.updateGrid)}
+                        />
+                    </View>
                     <IconButton
                         icon="arrow-down"
                         size={40}
                         onPress={() => this.logic.downPressed(this.updateGridScore)}
+                        style={{marginLeft: 'auto'}}
                     />
                 </View>
             </View>