small changes in styling. more space beween switch lines, smaller switches in iOS (testing please), less bottom margin for segments

components/common/app-switch.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 
 import AppText from './app-text'
 
-import { Colors, Containers } from '../../styles'
+import { Colors, Containers, Spacing } from '../../styles'
 
 const AppSwitch = ({ onToggle, text, value, disabled }) => {
   const trackColor = { true: Colors.turquoiseDark }
@@ -37,6 +37,11 @@ const styles = StyleSheet.create({
   },
   switch: {
     flex: 1,
+    marginBottom: Spacing.tiny,
+    transform:
+      Platform.OS === 'ios'
+        ? [{ scaleX: 0.8 }, { scaleY: 0.8 }]
+        : [{ scaleX: 1 }, { scaleY: 1 }],
   },
   textContainer: {
     flex: 4,

styles/containers.js

@@ -36,6 +36,6 @@ export default {
   },
   segmentContainer: {
     marginHorizontal: Spacing.base,
-    marginBottom: Spacing.base,
+    marginBottom: Spacing.tiny,
   },
 }