Improve touch targets with 48dp minimum size for mobile

- Enlarge calendar priority dots to 10px with pulsing animation
- Increase task tile checkbox and menu button containers to 48x48
- Add proper minVerticalPadding to task tiles (72dp height)
- Update filter chips with MaterialTapTargetSize.padded
- Increase navigation buttons to 48x48 with 28px icons
- Update task form with 48dp height segmented button

lib/features/tasks/presentation/pages/calendar_page.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:agenda_tasks/l10n/app_localizations.dart';
 import 'package:go_router/go_router.dart';
 import 'package:intl/intl.dart';
-import 'package:provider/provider.dart';
 
 import '../../../../core/di/injection_container.dart';
 import '../../domain/entities/task_entity.dart';
@@ -35,7 +34,6 @@ class _CalendarPageState extends State<CalendarPage> {
     final repository = getIt<TaskRepository>();
     final Map<String, List<TaskEntity>> tasks = {};
 
-    final firstDay = DateTime(_focusedMonth.year, _focusedMonth.month, 1);
     final lastDay = DateTime(_focusedMonth.year, _focusedMonth.month + 1, 0);
 
     for (int day = 1; day <= lastDay.day; day++) {
@@ -60,19 +58,24 @@ class _CalendarPageState extends State<CalendarPage> {
     }
   }
 
-  Priority? _getHighestPriority(List<TaskEntity>? tasks) {
+  List<Priority> _getUniquePriorities(List<TaskEntity>? tasks) {
-    if (tasks == null || tasks.isEmpty) return null;
+    if (tasks == null || tasks.isEmpty) return [];
 
     final incompleteTasks = tasks.where((t) => !t.isDone).toList();
-    if (incompleteTasks.isEmpty) return null;
+    if (incompleteTasks.isEmpty) return [];
 
+    // Get unique priorities, sorted by importance (high first)
+    final priorities = <Priority>[];
     if (incompleteTasks.any((t) => t.priority == Priority.high)) {
-      return Priority.high;
+      priorities.add(Priority.high);
     }
     if (incompleteTasks.any((t) => t.priority == Priority.medium)) {
-      return Priority.medium;
+      priorities.add(Priority.medium);
     }
-    return Priority.low;
+    if (incompleteTasks.any((t) => t.priority == Priority.low)) {
+      priorities.add(Priority.low);
+    }
+    return priorities;
   }
 
   @override
@@ -114,7 +117,7 @@ class _CalendarPageState extends State<CalendarPage> {
                     focusedMonth: _focusedMonth,
                     selectedDate: _selectedDate,
                     tasksByDate: _tasksByDate,
-                    getHighestPriority: _getHighestPriority,
+                    getUniquePriorities: _getUniquePriorities,
                     onDateSelected: (date) {
                       setState(() => _selectedDate = date);
                     },
@@ -126,6 +129,8 @@ class _CalendarPageState extends State<CalendarPage> {
           ? SafeArea(
               child: Padding(
                 padding: const EdgeInsets.all(16),
+                child: SizedBox(
+                  height: 56,
                   child: ElevatedButton(
                     onPressed: () {
                       final dateStr = DateFormat('yyyy-MM-dd').format(_selectedDate!);
@@ -134,6 +139,7 @@ class _CalendarPageState extends State<CalendarPage> {
                     child: Text(l10n.goToDay),
                   ),
                 ),
+              ),
             )
           : null,
     );
@@ -158,22 +164,30 @@ class _MonthNavigation extends StatelessWidget {
     final monthFormat = DateFormat.yMMMM(locale);
 
     return Padding(
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 16),
+      padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 12),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          IconButton(
+          SizedBox(
-            icon: const Icon(Icons.chevron_left),
+            width: 48,
+            height: 48,
+            child: IconButton(
+              icon: const Icon(Icons.chevron_left, size: 28),
               onPressed: onPrevious,
             ),
+          ),
           Text(
             monthFormat.format(month),
             style: Theme.of(context).textTheme.titleLarge,
           ),
-          IconButton(
+          SizedBox(
-            icon: const Icon(Icons.chevron_right),
+            width: 48,
+            height: 48,
+            child: IconButton(
+              icon: const Icon(Icons.chevron_right, size: 28),
               onPressed: onNext,
             ),
+          ),
         ],
       ),
     );
@@ -216,14 +230,14 @@ class _CalendarGrid extends StatelessWidget {
   final DateTime focusedMonth;
   final DateTime? selectedDate;
   final Map<String, List<TaskEntity>> tasksByDate;
-  final Priority? Function(List<TaskEntity>?) getHighestPriority;
+  final List<Priority> Function(List<TaskEntity>?) getUniquePriorities;
   final ValueChanged<DateTime> onDateSelected;
 
   const _CalendarGrid({
     required this.focusedMonth,
     required this.selectedDate,
     required this.tasksByDate,
-    required this.getHighestPriority,
+    required this.getUniquePriorities,
     required this.onDateSelected,
   });
 
@@ -237,10 +251,12 @@ class _CalendarGrid extends StatelessWidget {
     final today = DateTime.now();
 
     return GridView.builder(
-      padding: const EdgeInsets.all(8),
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
       gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
         crossAxisCount: 7,
         childAspectRatio: 1,
+        mainAxisSpacing: 4,
+        crossAxisSpacing: 4,
       ),
       itemCount: rowCount * 7,
       itemBuilder: (context, index) {
@@ -260,12 +276,11 @@ class _CalendarGrid extends StatelessWidget {
             date.day == selectedDate!.day;
 
         final tasks = tasksByDate[dateStr];
-        final highestPriority = getHighestPriority(tasks);
+        final priorities = getUniquePriorities(tasks);
 
         return GestureDetector(
           onTap: () => onDateSelected(date),
           child: Container(
-            margin: const EdgeInsets.all(2),
             decoration: BoxDecoration(
               color: isSelected
                   ? Theme.of(context).colorScheme.primary
@@ -288,10 +303,10 @@ class _CalendarGrid extends StatelessWidget {
                     fontWeight: isToday || isSelected ? FontWeight.bold : null,
                   ),
                 ),
-                if (highestPriority != null)
+                if (priorities.isNotEmpty)
                   Positioned(
-                    bottom: 4,
+                    bottom: 6,
-                    child: _PulsingDot(priority: highestPriority),
+                    child: _PriorityDots(priorities: priorities),
                   ),
               ],
             ),
@@ -302,6 +317,25 @@ class _CalendarGrid extends StatelessWidget {
   }
 }
 
+class _PriorityDots extends StatelessWidget {
+  final List<Priority> priorities;
+
+  const _PriorityDots({required this.priorities});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: priorities
+          .map((priority) => Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 2),
+                child: _PulsingDot(priority: priority),
+              ))
+          .toList(),
+    );
+  }
+}
+
 class _PulsingDot extends StatefulWidget {
   final Priority priority;
 
@@ -354,15 +388,15 @@ class _PulsingDotState extends State<_PulsingDot>
         return Opacity(
           opacity: _animation.value,
           child: Container(
-            width: 6,
+            width: 10,
-            height: 6,
+            height: 10,
             decoration: BoxDecoration(
               color: _getPriorityColor(),
               shape: BoxShape.circle,
               boxShadow: [
                 BoxShadow(
-                  color: _getPriorityColor().withOpacity(0.5),
+                  color: _getPriorityColor().withValues(alpha: 0.5),
-                  blurRadius: 2,
+                  blurRadius: 3,
                   spreadRadius: 1,
                 ),
               ],

lib/features/tasks/presentation/pages/daily_agenda_page.dart

@@ -79,9 +79,12 @@ class _DailyAgendaView extends StatelessWidget {
         ],
       ),
       floatingActionButton: FloatingActionButton(
-        onPressed: () {
+        onPressed: () async {
           final dateStr = DateFormat('yyyy-MM-dd').format(vm.selectedDate);
-          context.push('/task/new?date=$dateStr');
+          final result = await context.push('/task/new?date=$dateStr');
+          if (result == true) {
+            vm.loadTasks();
+          }
         },
         child: const Icon(Icons.add),
       ),
@@ -140,7 +143,12 @@ class _DailyAgendaView extends StatelessWidget {
               return TaskTile(
                 task: task,
                 onToggle: () => vm.toggleTask(task.id),
-                onTap: () => context.push('/task/${task.id}/edit'),
+                onTap: () async {
+                  final result = await context.push('/task/${task.id}/edit');
+                  if (result == true) {
+                    vm.loadTasks();
+                  }
+                },
                 onDelete: () => vm.deleteTask(task.id),
                 onReschedule: () => vm.rescheduleToTomorrow(task.id),
               );
@@ -169,14 +177,18 @@ class _DateNavigation extends StatelessWidget {
     final dateFormat = DateFormat.yMMMMEEEEd(locale);
 
     return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
+      padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          IconButton(
+          SizedBox(
-            icon: const Icon(Icons.chevron_left),
+            width: 48,
+            height: 48,
+            child: IconButton(
+              icon: const Icon(Icons.chevron_left, size: 28),
               onPressed: onPrevious,
             ),
+          ),
           Expanded(
             child: Text(
               dateFormat.format(date),
@@ -184,10 +196,14 @@ class _DateNavigation extends StatelessWidget {
               style: Theme.of(context).textTheme.titleMedium,
             ),
           ),
-          IconButton(
+          SizedBox(
-            icon: const Icon(Icons.chevron_right),
+            width: 48,
+            height: 48,
+            child: IconButton(
+              icon: const Icon(Icons.chevron_right, size: 28),
               onPressed: onNext,
             ),
+          ),
         ],
       ),
     );

lib/features/tasks/presentation/pages/task_form_page.dart

@@ -99,11 +99,14 @@ class _TaskFormView extends StatelessWidget {
                     onChanged: vm.setDescription,
                     maxLines: 3,
                   ),
-                  const SizedBox(height: 16),
+                  const SizedBox(height: 20),
-                  ListTile(
+                  ConstrainedBox(
+                    constraints: const BoxConstraints(minHeight: 72),
+                    child: ListTile(
+                      contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
                       title: Text(l10n.date),
                       subtitle: Text(DateFormat.yMMMd(locale).format(vm.date)),
-                    trailing: const Icon(Icons.calendar_today),
+                      trailing: const Icon(Icons.calendar_today, size: 24),
                       shape: RoundedRectangleBorder(
                         borderRadius: BorderRadius.circular(8),
                         side: BorderSide(color: Theme.of(context).colorScheme.outline),
@@ -120,13 +123,16 @@ class _TaskFormView extends StatelessWidget {
                         }
                       },
                     ),
-                  const SizedBox(height: 16),
+                  ),
+                  const SizedBox(height: 20),
                   Text(
                     l10n.priority,
                     style: Theme.of(context).textTheme.titleSmall,
                   ),
-                  const SizedBox(height: 8),
+                  const SizedBox(height: 12),
-                  SegmentedButton<Priority>(
+                  SizedBox(
+                    height: 48,
+                    child: SegmentedButton<Priority>(
                       segments: [
                         ButtonSegment(
                           value: Priority.low,
@@ -146,6 +152,7 @@ class _TaskFormView extends StatelessWidget {
                         vm.setPriority(selection.first);
                       },
                     ),
+                  ),
                   if (vm.status == FormStatus.error && vm.failure != null) ...[
                     const SizedBox(height: 24),
                     Container(

lib/features/tasks/presentation/viewmodels/daily_tasks_viewmodel.dart

@@ -3,6 +3,7 @@ import 'package:flutter/foundation.dart';
 import '../../../../core/errors/failures.dart';
 import '../../../../core/logging/app_logger.dart';
 import '../../domain/entities/task_entity.dart';
+import '../../domain/enums/priority.dart';
 import '../../domain/repositories/task_repository.dart';
 
 enum TasksStatus { initial, loading, success, error }
@@ -31,13 +32,31 @@ class DailyTasksViewModel extends ChangeNotifier {
   TaskFilter get filter => _filter;
 
   List<TaskEntity> get _filteredTasks {
+    List<TaskEntity> filtered;
     switch (_filter) {
       case TaskFilter.all:
-        return _tasks;
+        filtered = List.from(_tasks);
+        break;
       case TaskFilter.active:
-        return _tasks.where((t) => !t.isDone).toList();
+        filtered = _tasks.where((t) => !t.isDone).toList();
+        break;
       case TaskFilter.completed:
-        return _tasks.where((t) => t.isDone).toList();
+        filtered = _tasks.where((t) => t.isDone).toList();
+        break;
+    }
+    // Sort by priority: high first, then medium, then low
+    filtered.sort((a, b) => _priorityOrder(a.priority).compareTo(_priorityOrder(b.priority)));
+    return filtered;
+  }
+
+  int _priorityOrder(Priority priority) {
+    switch (priority) {
+      case Priority.high:
+        return 0;
+      case Priority.medium:
+        return 1;
+      case Priority.low:
+        return 2;
     }
   }
 

lib/features/tasks/presentation/widgets/filter_chips.dart

@@ -26,18 +26,21 @@ class FilterChips extends StatelessWidget {
             label: Text(l10n.filterAll),
             selected: currentFilter == TaskFilter.all,
             onSelected: (_) => onFilterChanged(TaskFilter.all),
+            materialTapTargetSize: MaterialTapTargetSize.padded,
           ),
           const SizedBox(width: 8),
           FilterChip(
             label: Text(l10n.filterActive),
             selected: currentFilter == TaskFilter.active,
             onSelected: (_) => onFilterChanged(TaskFilter.active),
+            materialTapTargetSize: MaterialTapTargetSize.padded,
           ),
           const SizedBox(width: 8),
           FilterChip(
             label: Text(l10n.filterCompleted),
             selected: currentFilter == TaskFilter.completed,
             onSelected: (_) => onFilterChanged(TaskFilter.completed),
+            materialTapTargetSize: MaterialTapTargetSize.padded,
           ),
         ],
       ),

lib/features/tasks/presentation/widgets/task_tile.dart

@@ -69,28 +69,33 @@ class TaskTile extends StatelessWidget {
       },
       onDismissed: (_) => onDelete(),
       child: Card(
-        margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
+        margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
         child: InkWell(
           onTap: onTap,
           borderRadius: BorderRadius.circular(12),
+          child: ConstrainedBox(
+            constraints: const BoxConstraints(minHeight: 72),
             child: Padding(
-            padding: const EdgeInsets.all(12),
+              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
               child: Row(
                 children: [
                   Container(
-                  width: 4,
+                    width: 5,
-                  height: 48,
+                    height: 56,
                     decoration: BoxDecoration(
                       color: priorityColor,
-                    borderRadius: BorderRadius.circular(2),
+                      borderRadius: BorderRadius.circular(3),
                     ),
                   ),
-                const SizedBox(width: 12),
+                  SizedBox(
-                Checkbox(
+                    width: 48,
+                    height: 48,
+                    child: Checkbox(
                       value: task.isDone,
                       onChanged: (_) => onToggle(),
                     ),
-                const SizedBox(width: 8),
+                  ),
+                  const SizedBox(width: 4),
                 Expanded(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
@@ -118,7 +123,11 @@ class TaskTile extends StatelessWidget {
                     ],
                   ),
                 ),
-                PopupMenuButton<String>(
+                SizedBox(
+                  width: 48,
+                  height: 48,
+                  child: PopupMenuButton<String>(
+                    padding: EdgeInsets.zero,
                     onSelected: (value) async {
                     if (value == 'reschedule') {
                       onReschedule();
@@ -147,32 +156,36 @@ class TaskTile extends StatelessWidget {
                   },
                     itemBuilder: (context) => [
                       PopupMenuItem(
+                        height: 56,
                         value: 'reschedule',
                         child: Row(
                           children: [
-                          const Icon(Icons.schedule),
+                            const Icon(Icons.schedule, size: 24),
-                          const SizedBox(width: 8),
+                            const SizedBox(width: 12),
                             Text(l10n.rescheduleToTomorrow),
                           ],
                         ),
                       ),
                       PopupMenuItem(
+                        height: 56,
                         value: 'delete',
                         child: Row(
                           children: [
-                          Icon(Icons.delete, color: Theme.of(context).colorScheme.error),
+                            Icon(Icons.delete, size: 24, color: Theme.of(context).colorScheme.error),
-                          const SizedBox(width: 8),
+                            const SizedBox(width: 12),
                             Text(l10n.delete, style: TextStyle(color: Theme.of(context).colorScheme.error)),
                           ],
                         ),
                       ),
                     ],
                   ),
+                ),
               ],
             ),
           ),
         ),
         ),
+      ),
     );
   }
 }