#2363 - fix retours sur la page de convention

[celineung]

🌈 Description

Prise en compte des retours sur la page de convention:

• ne plus avoir de chevauchements entre adresse mail et numéro de téléphone pour les résolutions entre 768 et 1200 px lorsqu'une adresse est trop longue
• dans le bloc "Métier observé", remplacer "Objectif" par "Objectif de l'immersion", comme sur la maquette
• passer le mot "SIRET" en lettres capitales
• ajouter plus d'espace entre les lignes de semaines pour gagner en lisibilité
• ajouter les flags "En attente de signature" pour les parties prenantes n'ayant pas encore signé
• bloc "Information complémentaire" : ne mettre les ":" après le "Oui" que lorsque le champ de détail a été rempli
• bloc "Convention" : Sur mobile le bouton passe sous l'illustration, il devrait être aligné avec l'ID de la convention
• les textes sont en Corps de texte SM - 14px
• les badges utilisés pour le statut de signature est le SM en font-size 12px

💯 Remarque

Pour la remarque:

Les adresses mail ne sont pas alignées en hauteur avec les valeurs des champs d'à côté (constaté dans tous les blocs)

Ceci est dû à l'icone qui permet de copier qui a une taille fixe définie par le DSFR.
Je verrai avec Enguerran dans un second temps ce que l'on peut faire.
Sinon, vu avec Gaël, ce n'est pas grave si pas possible de faire ce fix.

[github-actions]

Review app:
https://if-dev-front-pr2585.osc-fr1.scalingo.io