Merge pull request #8 from scottdj92/feature/update-header

Increase size of header buttons. Unsure of how it will look on actual…
TekkenChicken · Jun 7, 2017 · dd4f166 · dd4f166
2 parents c34eaad + 1c1fe15
commit dd4f166
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/src/components/NavigationBar/components/BackButton.js b/src/components/NavigationBar/components/BackButton.js
@@ -28,15 +28,15 @@ class BackButton extends Component {
 
 const styles = StyleSheet.create({
   button: {
-    height: 20,
-    width: 20,
+    height: 40,
+    width: 40,
   },
   icon: {
     color: '#f0aa23',
     marginTop: -5,
-    height: 20,
-    width: 20,
-    fontSize: 20,
+    height: 40,
+    width: 40,
+    fontSize: 35,
     fontWeight: '700'
   }
 });

diff --git a/src/components/NavigationBar/components/FilterButton.js b/src/components/NavigationBar/components/FilterButton.js
@@ -27,14 +27,15 @@ class FilterButton extends Component {
 
 const styles = StyleSheet.create({
   button: {
-    height: 20,
-    width: 24,
+    height: 40,
+    width: 48,
+    paddingLeft: 10,
     justifyContent: 'center'
   },
   icon: {
     resizeMode: 'contain',
-    height: 18,
-    width: 18
+    height: 28,
+    width: 30
   }
 });
 

diff --git a/src/components/NavigationBar/components/MenuButton.js b/src/components/NavigationBar/components/MenuButton.js
@@ -27,13 +27,13 @@ class MenuButton extends Component {
 
 const styles = StyleSheet.create({
   button: {
-    height: 18,
-    width: 18
+    height: 25,
+    width: 25
   },
   icon: {
     resizeMode: 'contain',
-    height: 18,
-    width: 18
+    height: 25,
+    width: 25
   }
 });