🧪 GUIDE DE TEST DES BOUTONS MOBILE

📱 Problème

Les boutons "➕ Nouvelle facture", "➕ Nouveau devis", etc. ne sont pas visibles sur mobile.

🔧 Solutions Appliquées

1. Fichiers Modifiés

• ✅ pages/admin/invoices.php - AJOUT: admin-style-mobile-fix.css
• ✅ pages/admin/quotes.php - AJOUT: admin-style-mobile-fix.css
• ✅ pages/admin/clients.php - AJOUT: admin-style-mobile-fix.css
• ✅ pages/admin/products.php - AJOUT: admin-style-mobile-fix.css
• ✅ pages/admin/admin-style.css - Styles mobile améliorés
• ✅ pages/admin/admin-style-mobile-fix.css - NOUVEAU FICHIER

2. Page de Test Créée

• ✅ pages/admin/test-buttons.php - Page de test pour diagnostiquer

🧪 COMMENT TESTER

Étape 1 : Ouvrir la Page de Test

Sur votre téléphone, ouvrez :

```

http://votre-domaine/pages/admin/test-buttons.php

```

Si vous voyez un bouton rouge → Le CSS se charge, le problème est ailleurs

Si vous ne voyez rien → Le CSS ne se charge pas

Étape 2 : Vider le Cache

Sur mobile, videz le cache du navigateur :

• Android Chrome : Paramètres → Confidentialité → Effacer les données de navigation
• iPhone Safari : Réglages → Safari → Effacer l'historique et les données

Étape 3 : Tester les Pages Réelles

Allez sur :

• http://votre-domaine/pages/admin/invoices.php
• http://votre-domaine/pages/admin/quotes.php
• http://votre-domaine/pages/admin/clients.php
• http://votre-domaine/pages/admin/products.php

🔍 Diagnostic

Les boutons ne sont TOUJOURS PAS visibles ?

Causes possibles :

1. Permissions - Vous n'avez pas la permission create_invoice, create_quote, etc.

- Solution : Vérifiez vos permissions dans users.php

1. Cache navigateur - Le CSS n'est pas rechargé

- Solution : Vider le cache (voir ci-dessus)

1. Chemin CSS incorrect - Le fichier admin-style-mobile-fix.css n'est pas trouvé

- Solution : Vérifiez que le fichier existe dans pages/admin/

1. Ordre de chargement CSS - Un autre CSS écrase nos règles

- Solution : Le fichier est maintenant chargé en premier dans le

💡 TEST MANUEL URGENT

Si rien ne fonctionne, essayez cette solution TEMPORAIRE :

Dans pages/admin/invoices.php, ajoutez DU STYLE INLINE sur le bouton :

```php

class="btn btn-primary"

style="display: block !important; width: 100% !important; padding: 20px !important; background: red !important; color: white !important; font-size: 20px !important; margin: 10px 0 !important;">

➕ Nouvelle facture

```

Si vous voyez ce bouton rouge, alors le problème vient du CSS mobile-fix.

Si vous ne voyez toujours rien, alors le bouton n'est pas rendu par PHP (problème de permissions).

✅ Résultat Attendu

Sur mobile, vous devriez voir :

1. Un titre "📄 Gestion des Factures"
2. Juste en dessous, un bouton bleu plein écran avec "➕ Nouvelle facture"

📞 Dernière Solution

Si RIEN ne fonctionne :

1. Connectez-vous sur desktop
2. Ouvrez le panneau admin
3. Utilisez "Inspecter l'élément" (F12) sur le bouton
4. Copiez-moi le HTML complet du bouton
5. Vérifiez les styles appliqués

Dernière mise à jour : Janvier 2025