Adjust menu styling and remove remnants of navigator

components/calendar.js

@@ -29,7 +29,7 @@ export default class CalendarView extends Component {
 
   passDateToDayView(result) {
     const cycleDay = getOrCreateCycleDay(result.dateString)
-    const navigate = this.props.navigation.navigate
+    const navigate = this.props.navigate
     navigate('CycleDay', { cycleDay })
   }
 

components/chart/chart.js

@@ -21,7 +21,7 @@ export default class CycleChart extends Component {
         <DayColumn
           {...item}
           index={index}
-          navigate={this.props.navigation.navigate}
+          navigate={this.props.navigate}
         />
       )
     }

components/menu.js

@@ -12,7 +12,7 @@ export default class Menu extends Component {
     return (
       <TouchableOpacity
         onPress={() => this.props.navigate(componentName)}
-        style={{ alignItems: 'center' }}
+        style={styles.menuItem}
       >
         <Icon name={icon} {...iconStyles.menuIcon} />
         <Text style={styles.menuText}>

styles/index.js

@@ -103,12 +103,15 @@ export default StyleSheet.create({
   },
   menu: {
     backgroundColor: primaryColor,
-    paddingVertical: 18,
-    paddingHorizontal: 10,
     alignItems: 'center',
     justifyContent: 'space-between',
     flexDirection: 'row',
   },
+  menuItem: {
+    alignItems: 'center',
+    flex: 1,
+    paddingVertical: 15
+  },
   menuText: {
     color: fontOnPrimaryColor
   },