From 35b7a51ede729360a2a509ba990e851aabb213f0 Mon Sep 17 00:00:00 2001
From: Niklas <niklas@kapelle.org>
Date: Fri, 22 Jan 2021 18:30:30 +0100
Subject: [PATCH] changed colors in button

---
 src/components/DeckButton.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/DeckButton.tsx b/src/components/DeckButton.tsx
index 4909f45..c8468b5 100644
--- a/src/components/DeckButton.tsx
+++ b/src/components/DeckButton.tsx
@@ -17,7 +17,7 @@ export default function DeckButton(props: Props) {
       <View style={style.view}>
         <TouchableHighlight
           style={style.touchable}
-          underlayColor={'#f0f'}
+          underlayColor={'#0e86d4'}
           onPress={() => console.log(props.text)}
           onLongPress={() => console.log('long press')}>
           <Text style={style.text}>{props.text}</Text>
@@ -29,18 +29,21 @@ export default function DeckButton(props: Props) {
 
 const style = StyleSheet.create({
   view: {
-    backgroundColor: '#ff4000',
+    backgroundColor: '#055c9d',
     flexBasis: (1 / 3) * 100 + '%',
     height: Dimensions.get('window').height / 7,
-    borderColor: '#94f713',
-    borderWidth: 1,
-    flex: 1,
+    borderColor: '#003060',
+    borderWidth: 3,
   },
   touchable: {
     width: '100%',
     height: '100%',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   text: {
     textAlign: 'center',
+    color: 'white',
   },
 });