chore: fix UI

frontend-admin/src/screens/admin/OrderDetailScreen.tsx

@@ -598,6 +598,34 @@ export default function OrderDetailScreen() {
                 <Text style={styles.date}>
                     {new Date(command.created_at).toLocaleString("fr-FR")}
                 </Text>
+                {command.status === "cancelled" && command.cancel_reason ? (
+                    <View style={{
+                        marginTop: spacing.m,
+                        padding: spacing.m,
+                        backgroundColor: colors.danger + "18",
+                        borderRadius: borderRadius.sm,
+                        borderLeftWidth: 3,
+                        borderLeftColor: colors.danger,
+                    }}>
+                        <Text style={{ color: colors.danger, fontSize: fontSize.xs, fontWeight: "700", marginBottom: 4, textTransform: "uppercase", letterSpacing: 0.5 }}>
+                            Motif d'annulation
+                        </Text>
+                        <Text style={{ color: colors.textSecondary, fontSize: fontSize.sm }}>
+                            {command.cancel_reason}
+                        </Text>
+                    </View>
+                ) : command.status === "cancelled" ? (
+                    <View style={{
+                        marginTop: spacing.m,
+                        padding: spacing.m,
+                        backgroundColor: colors.bgSecondary,
+                        borderRadius: borderRadius.sm,
+                    }}>
+                        <Text style={{ color: colors.textMuted, fontSize: fontSize.sm, fontStyle: "italic" }}>
+                            Aucun motif fourni
+                        </Text>
+                    </View>
+                ) : null}
             </Card>
 
             {/* Livreur tracking map */}

frontend-admin/src/screens/auth/AdminLoginScreen.tsx

@@ -4,7 +4,7 @@ import {
     Text,
     StyleSheet,
     KeyboardAvoidingView,
-    Platform,
+    ScrollView,
     TouchableOpacity,
     TextInput as RNTextInput,
     Animated,
@@ -158,8 +158,13 @@ export default function AdminLoginScreen() {
     return (
         <KeyboardAvoidingView
             style={styles.container}
-            behavior={Platform.OS === "ios" ? "padding" : undefined}
+            behavior="height"
         >
+            <ScrollView
+                contentContainerStyle={{ flexGrow: 1 }}
+                keyboardShouldPersistTaps="handled"
+                showsVerticalScrollIndicator={false}
+            >
             {/* Decorative top accent */}
             <View style={[styles.accentBar, { backgroundColor: ACCENT }]} />
             <View style={styles.heroSection}>
@@ -297,6 +302,7 @@ export default function AdminLoginScreen() {
                 message={alert.message}
                 onClose={hideAlert}
             />
+            </ScrollView>
         </KeyboardAvoidingView>
     );
 }

frontend-admin/src/screens/auth/CabineLoginScreen.tsx

@@ -4,7 +4,7 @@ import {
     Text,
     StyleSheet,
     KeyboardAvoidingView,
-    Platform,
+    ScrollView,
     TouchableOpacity,
     TextInput as RNTextInput,
     Animated,
@@ -158,8 +158,13 @@ export default function CabineLoginScreen() {
     return (
         <KeyboardAvoidingView
             style={styles.container}
-            behavior={Platform.OS === "ios" ? "padding" : undefined}
+            behavior="height"
         >
+            <ScrollView
+                contentContainerStyle={{ flexGrow: 1 }}
+                keyboardShouldPersistTaps="handled"
+                showsVerticalScrollIndicator={false}
+            >
             <View style={[styles.accentBar, { backgroundColor: ACCENT }]} />
             <View style={styles.heroSection}>
                 <View
@@ -288,6 +293,7 @@ export default function CabineLoginScreen() {
                 message={alert.message}
                 onClose={hideAlert}
             />
+            </ScrollView>
         </KeyboardAvoidingView>
     );
 }

frontend-admin/src/screens/auth/DeliveryLoginScreen.tsx

@@ -4,7 +4,7 @@ import {
     Text,
     StyleSheet,
     KeyboardAvoidingView,
-    Platform,
+    ScrollView,
     TouchableOpacity,
     TextInput as RNTextInput,
     Animated,
@@ -158,8 +158,13 @@ export default function DeliveryLoginScreen() {
     return (
         <KeyboardAvoidingView
             style={styles.container}
-            behavior={Platform.OS === "ios" ? "padding" : undefined}
+            behavior="height"
         >
+            <ScrollView
+                contentContainerStyle={{ flexGrow: 1 }}
+                keyboardShouldPersistTaps="handled"
+                showsVerticalScrollIndicator={false}
+            >
             <View style={[styles.accentBar, { backgroundColor: ACCENT }]} />
             <View style={styles.heroSection}>
                 <View
@@ -288,6 +293,7 @@ export default function DeliveryLoginScreen() {
                 message={alert.message}
                 onClose={hideAlert}
             />
+            </ScrollView>
         </KeyboardAvoidingView>
     );
 }