From 9bb3b9897b79015eafb0be81c641dab4d1c7fbd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Espino=20Garc=C3=ADa?= <larkox@gmail.com>
Date: Tue, 25 Nov 2025 10:37:49 +0100
Subject: [PATCH] [MM-66485] Add separator to add a new run button (#9296)

---
 app/products/playbooks/components/run_list/run_list.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/products/playbooks/components/run_list/run_list.tsx b/app/products/playbooks/components/run_list/run_list.tsx
index 0ad42189d..a55ccb102 100644
--- a/app/products/playbooks/components/run_list/run_list.tsx
+++ b/app/products/playbooks/components/run_list/run_list.tsx
@@ -41,6 +41,8 @@ const itemSeparatorStyle = StyleSheet.create({
         height: 12,
     },
 });
+
+const START_NEW_RUN_BUTTON_PADDING = 20;
 const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => ({
     container: {
         padding: 20,
@@ -54,7 +56,9 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => ({
         paddingHorizontal: 16,
     },
     startANewRunButtonContainer: {
-        padding: 20,
+        padding: START_NEW_RUN_BUTTON_PADDING,
+        borderTopWidth: 1,
+        borderTopColor: changeOpacity(theme.centerChannelColor, 0.12),
     },
 }));
 
@@ -130,7 +134,7 @@ const RunList = ({
     ), [fetching, onShowMorePress, showMoreButton, activeTab]);
 
     const startANewRunButtonContainerStyle = useMemo(() => {
-        return [styles.startANewRunButtonContainer, {paddingBottom: insets.bottom}];
+        return [styles.startANewRunButtonContainer, {paddingBottom: insets.bottom + START_NEW_RUN_BUTTON_PADDING}];
     }, [insets.bottom, styles]);
 
     const renderItem: ListRenderItem<PlaybookRunModel> = useCallback(({item}) => {