From d76b26b7ada9bec542c7772a8c687d306b2e5d31 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Thu, 22 Jan 2026 21:03:41 +0100
Subject: [PATCH] Style collection import CTA

---
 resources/js/admin/mobile/EventTasksPage.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/resources/js/admin/mobile/EventTasksPage.tsx b/resources/js/admin/mobile/EventTasksPage.tsx
index efbfe21..ce7597d 100644
--- a/resources/js/admin/mobile/EventTasksPage.tsx
+++ b/resources/js/admin/mobile/EventTasksPage.tsx
@@ -937,7 +937,11 @@ export default function MobileEventTasksPage() {
                 }
                 iconAfter={
                   <XStack space="$1.5" alignItems="center">
-                    <Pressable
+                    <Button
+                      size="$2"
+                      backgroundColor={withAlpha(primary, 0.12)}
+                      borderWidth={1}
+                      borderColor={withAlpha(primary, 0.35)}
                       onPress={() => {
                         if (!canAddTasks) {
                           toast.error(limitReachedMessage);
@@ -946,10 +950,10 @@ export default function MobileEventTasksPage() {
                         importCollection(collection.id);
                       }}
                     >
-                      <Text fontSize={12} fontWeight="600" color={canAddTasks ? primary : muted}>
+                      <Text fontSize="$xs" fontWeight="700" color={canAddTasks ? primary : muted}>
                         {t('events.tasks.import', 'Import')}
                       </Text>
-                    </Pressable>
+                    </Button>
                     <ChevronRight size={14} color={subtle} />
                   </XStack>
                 }