From fa037e9eefe3c7c11814ce6b2901fb9f04e9e983 Mon Sep 17 00:00:00 2001
From: le king fu <lekingfu@protonmail.com>
Date: Sat, 7 Mar 2026 10:22:54 -0500
Subject: [PATCH] fix: increase touch targets for header buttons (#10)

Buttons (X, back, save, delete, export) had ~28px hit areas,
causing missed taps. Increased padding to p-2.5 + hitSlop for
~44px touch targets. Bump version to 1.2.4.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .claude/rules/i18n.md           | 7 +++++++
 .claude/rules/sql-migrations.md | 6 ++++++
 app.json                        | 2 +-
 app/task/[id].tsx               | 9 +++++----
 app/task/new.tsx                | 4 ++--
 package.json                    | 2 +-
 6 files changed, 22 insertions(+), 8 deletions(-)
 create mode 100644 .claude/rules/i18n.md
 create mode 100644 .claude/rules/sql-migrations.md

diff --git a/.claude/rules/i18n.md b/.claude/rules/i18n.md
new file mode 100644
index 0000000..1feb618
--- /dev/null
+++ b/.claude/rules/i18n.md
@@ -0,0 +1,7 @@
+---
+paths: ["**/*.tsx", "**/*.ts"]
+---
+Toute chaine visible par l'utilisateur doit passer par i18n (react-i18next).
+Fichiers : `src/i18n/fr.json` et `src/i18n/en.json`. Francais par defaut.
+Jamais de texte en dur dans les composants React.
+Toujours ajouter la cle dans les DEUX langues.
diff --git a/.claude/rules/sql-migrations.md b/.claude/rules/sql-migrations.md
new file mode 100644
index 0000000..27c6232
--- /dev/null
+++ b/.claude/rules/sql-migrations.md
@@ -0,0 +1,6 @@
+---
+paths: ["**/migrations/**", "**/*.sql", "**/schema.ts"]
+---
+Ne JAMAIS modifier une migration SQL existante. Toujours creer une nouvelle migration.
+Apres `npx drizzle-kit generate`, mettre a jour `src/db/migrations/migrations.js` si necessaire.
+Les migrations sont auto-appliquees au demarrage via `useMigrations()`.
diff --git a/app.json b/app.json
index 1166b64..feeec70 100644
--- a/app.json
+++ b/app.json
@@ -2,7 +2,7 @@
   "expo": {
     "name": "Simpl-Liste",
     "slug": "simpl-liste",
-    "version": "1.2.3",
+    "version": "1.2.4",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "scheme": "simplliste",
diff --git a/app/task/[id].tsx b/app/task/[id].tsx
index ac5566b..cab1134 100644
--- a/app/task/[id].tsx
+++ b/app/task/[id].tsx
@@ -185,7 +185,7 @@ export default function TaskDetailScreen() {
       <View
         className={`flex-row items-center justify-between border-b px-4 pb-3 pt-14 ${isDark ? 'border-[#3A3A3A]' : 'border-[#E5E7EB]'}`}
       >
-        <Pressable onPress={() => router.back()} className="p-1">
+        <Pressable onPress={() => router.back()} className="p-2.5" hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
           <ArrowLeft size={24} color={isDark ? '#F5F5F5' : '#1A1A1A'} />
         </Pressable>
         <View className="flex-row items-center">
@@ -195,15 +195,16 @@ export default function TaskDetailScreen() {
                 [{ id: id!, title, notes: notes || null, dueDate, priority, completed: task.completed, recurrence }],
                 title
               )}
-              className="mr-3 p-1"
+              className="mr-3 p-2.5"
+              hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
             >
               <Download size={20} color={isDark ? '#A0A0A0' : '#6B6B6B'} />
             </Pressable>
           )}
-          <Pressable onPress={handleDelete} className="mr-3 p-1">
+          <Pressable onPress={handleDelete} className="mr-3 p-2.5" hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
             <Trash2 size={20} color={colors.terracotta.DEFAULT} />
           </Pressable>
-          <Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-1.5 ${saving ? 'opacity-50' : ''}`}>
+          <Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-2 ${saving ? 'opacity-50' : ''}`}>
             <Text className="text-sm text-white" style={{ fontFamily: 'Inter_600SemiBold' }}>{t('common.save')}</Text>
           </Pressable>
         </View>
diff --git a/app/task/new.tsx b/app/task/new.tsx
index 2bc6457..7789690 100644
--- a/app/task/new.tsx
+++ b/app/task/new.tsx
@@ -120,7 +120,7 @@ export default function NewTaskScreen() {
           isDark ? 'border-[#3A3A3A]' : 'border-[#E5E7EB]'
         }`}
       >
-        <Pressable onPress={() => router.back()} className="p-1">
+        <Pressable onPress={() => router.back()} className="p-2.5" hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
           <X size={24} color={isDark ? '#F5F5F5' : '#1A1A1A'} />
         </Pressable>
         <Text
@@ -129,7 +129,7 @@ export default function NewTaskScreen() {
         >
           {t('task.newTask')}
         </Text>
-        <Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-1.5 ${saving ? 'opacity-50' : ''}`}>
+        <Pressable onPress={handleSave} disabled={saving} className={`rounded-lg bg-bleu px-4 py-2 ${saving ? 'opacity-50' : ''}`}>
           <Text className="text-sm text-white" style={{ fontFamily: 'Inter_600SemiBold' }}>
             {t('common.save')}
           </Text>
diff --git a/package.json b/package.json
index 86b7296..e335172 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "simpl-liste",
   "main": "index.js",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "scripts": {
     "start": "expo start",
     "android": "expo start --android",