From 92d44ec406c7b495460043a4afd79db3a24f3204 Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Tue, 15 Aug 2023 10:59:03 +0000
Subject: [PATCH] better margin in edit actions

---
 src/Components/ColorPicker/index.js           |  1 +
 src/Components/Slider/index.js                |  2 +-
 .../Device/modals/EditActions/index.js        | 19 +++++++++++++++----
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/Components/ColorPicker/index.js b/src/Components/ColorPicker/index.js
index 3afc4c6..ff1bf53 100644
--- a/src/Components/ColorPicker/index.js
+++ b/src/Components/ColorPicker/index.js
@@ -323,6 +323,7 @@ export function MyColorPickerV2({
             gap: 10,
             justifyContent: "center",
             marginTop: 10,
+            marginBottom: 10,
           }}
         >
           {appContext.userColorSwatchesFavorites.map((color, i) => (
diff --git a/src/Components/Slider/index.js b/src/Components/Slider/index.js
index b576b02..6f148e7 100644
--- a/src/Components/Slider/index.js
+++ b/src/Components/Slider/index.js
@@ -104,7 +104,7 @@ export function MyTwoThumbsSlider({
         <MyIcon name={iconName} size={24} />
         <View style={{ flex: 1 }}>{renderChildren()}</View>
 
-        <View style={{ width: 62, alignItems: "center" }}>
+        <View style={{ width: 70, alignItems: "center" }}>
           <Text style={{ color: appContext.appTheme.text }}>
             {Array.isArray(value) ? value.join(" - ") : value}
             {unitOfMeasurement}
diff --git a/src/Screens/Device/modals/EditActions/index.js b/src/Screens/Device/modals/EditActions/index.js
index 9b77c27..ae41192 100644
--- a/src/Screens/Device/modals/EditActions/index.js
+++ b/src/Screens/Device/modals/EditActions/index.js
@@ -2,6 +2,7 @@ import { FlatList, Text, View } from "react-native";
 import {
   AppContext,
   AppStyles,
+  Constants,
   IsPlatformIos,
   ModalContainer,
 } from "../../../../utils";
@@ -53,7 +54,12 @@ export function EditActionAnimationsCardContent({
 
         <MyDropdown
           disabled={disabled}
-          style={{ marginTop: 2 }}
+          style={[
+            { marginTop: 2 },
+            selectedLightAnimationOut !== Constants.defaultAnimationId && {
+              marginBottom: 6,
+            },
+          ]}
           label={t(
             "screens.device.scenes.editActions.editActionAnimationsCardContent.dropdownAnimationIn.label"
           )}
@@ -92,7 +98,12 @@ export function EditActionAnimationsCardContent({
 
         <MyDropdown
           disabled={disabled}
-          style={{ marginTop: 2 }}
+          style={[
+            { marginTop: 2 },
+            selectedLightAnimationOut !== Constants.defaultAnimationId && {
+              marginBottom: 6,
+            },
+          ]}
           label={t(
             "screens.device.scenes.editActions.editActionAnimationsCardContent.dropdownAnimationOut.label"
           )}
@@ -270,7 +281,7 @@ function EditActionSliderAdjustment({ action, adjustmentType, adjustment }) {
   );
 
   return (
-    <>
+    <View>
       <Text
         style={[AppStyles.typography14, { color: appContext.appTheme.text }]}
       >
@@ -310,7 +321,7 @@ function EditActionSliderAdjustment({ action, adjustmentType, adjustment }) {
           </Text>
         </View>
       </View>
-    </>
+    </View>
   );
 }