From 4be8f1aa4e38041052ab87dd71f0dd5e3cf6fe75 Mon Sep 17 00:00:00 2001
From: wunderfisch <wunderfisch@posteo.de>
Date: Fri, 23 Feb 2024 15:34:09 +0100
Subject: [PATCH] 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 | 7 ++++++-
 styles/containers.js            | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/common/app-switch.js b/components/common/app-switch.js
index d45758f..5e74bb5 100644
--- a/components/common/app-switch.js
+++ b/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,
diff --git a/styles/containers.js b/styles/containers.js
index 8560d10..c169fec 100644
--- a/styles/containers.js
+++ b/styles/containers.js
@@ -36,6 +36,6 @@ export default {
   },
   segmentContainer: {
     marginHorizontal: Spacing.base,
-    marginBottom: Spacing.base,
+    marginBottom: Spacing.tiny,
   },
 }