Resolve "make app segment styling more consistent"

components/cycle-day/select-tab-group.js

@@ -27,7 +27,7 @@ export default class SelectTabGroup extends Component {
                 key={i}
                 activeOpacity={1}
               >
-                <View style={styles.radioButtonTextGroup}>
+                <View>
                   <View style={[
                     styles.selectTab,
                     firstOrLastStyle,

styles/index.js

@@ -172,9 +172,9 @@ export default StyleSheet.create({
     fontFamily: headerFont
   },
   symptomViewHeading: {
-    fontSize: 20,
+    fontWeight: 'bold',
-    color: 'black',
+    fontFamily: textFontBold,
-    marginBottom: 5
+    marginTop: 10
   },
   symptomInfoIcon: {
     marginRight: 20,
@@ -343,10 +343,10 @@ export default StyleSheet.create({
   selectBoxSection: {
     flexDirection: 'row',
     flexWrap: 'wrap',
-    marginVertical: 10,
+    marginTop: 7,
   },
   selectTabGroup: {
-    marginVertical: 10,
+    marginTop: 7,
     flexDirection: 'row'
   },
   selectTab: {