From 8368d83b07dc3e531b272d47fb631e9c7b00b650 Mon Sep 17 00:00:00 2001
From: lochungtin <lochungtin@gmail.com>
Date: Sat, 29 May 2021 13:53:38 +0100
Subject: [PATCH] added padding to board

---
 src/components/Board/Tile/styles.ts | 2 ++
 src/components/Board/styles.ts      | 8 +++-----
 src/screens/main.tsx                | 1 +
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Board/Tile/styles.ts b/src/components/Board/Tile/styles.ts
index 726ddb8..a4a8aa7 100644
--- a/src/components/Board/Tile/styles.ts
+++ b/src/components/Board/Tile/styles.ts
@@ -8,6 +8,8 @@ export const TileStyles = StyleSheet.create({
         borderRadius: 10,
         display: 'flex',
         justifyContent: 'center',
+        marginHorizontal: 5,
+        marginVertical: 5,
     },
     text: {
         fontSize: 20,
diff --git a/src/components/Board/styles.ts b/src/components/Board/styles.ts
index 98f751a..aff9837 100644
--- a/src/components/Board/styles.ts
+++ b/src/components/Board/styles.ts
@@ -8,15 +8,13 @@ export const BoardStyles = StyleSheet.create({
         borderRadius: 10,
         display: 'flex',
         flexDirection: 'column',
-        height: screenWidth * 0.9,
-        justifyContent: 'space-between',
-        width: screenWidth * 0.9
+        justifyContent: 'center',
+        padding: 5,
     },
     row: {
         alignItems: 'center',
         display: 'flex',
         flexDirection: 'row',
-        justifyContent: 'space-between',
-        width: screenWidth * 0.9
+        justifyContent: 'center',
     }
 });
diff --git a/src/screens/main.tsx b/src/screens/main.tsx
index b8ae463..904cb86 100644
--- a/src/screens/main.tsx
+++ b/src/screens/main.tsx
@@ -11,6 +11,7 @@ class Screen extends React.Component {
     render() {
         return (
             <View style={{ ...ScreenStyles.screen, backgroundColor: darktheme.bgColor }}>
+                <View style={{ height: 200 }} />
                 <Board />
             </View >
         );