FEAT #16992 TIME 0:15 WIP otp connectors admin fix css + var lang

lang/fr.json

@@ -505,6 +505,9 @@
 		"accessLink": "Lien d'accès",
 		"recipientLastname": "Nom du destinataire",
 		"recipientFirstname": "Prénom du destinataire",
-		"expiresAt": "Date d'expiration"
+		"expiresAt": "Date d'expiration",
+		"mergedVariablesMsg": "Utiliser la balise",
+		"mergedVariablesMsg2": "pour afficher le code de sécurité généré.",
+		"mergedVariablesMsgEmail": "Vous pouvez utiliser les différentes balises ci-dessous pour enrichir votre e-mail"
 	}
 }

src/frontend/app/administration/otp/otp.component.html

@@ -65,7 +65,7 @@
                 </ion-textarea>
             </ion-item>
             <ion-item lines="none">
-                <ion-note style="align-items: center;display:flex;">Utiliser la balise <span class="tag" (click)="addSmsVariable('code')">code</span> pour afficher le code de sécurité généré.</ion-note>
+                <ion-note style="align-items: center;display:flex;">{{'lang.mergedVariablesMsg' | translate}} <span class="tag" (click)="addSmsVariable('code')">code</span> {{'lang.mergedVariablesMsg2' | translate}}</ion-note>
             </ion-item>
         </ion-list>
         <ion-list>
@@ -81,11 +81,11 @@
                 </ion-label>
             </ion-list-header>
             <ion-item lines="none">
-                <textarea style="padding-top: 10px;" name="email_message" id="email_message" [(ngModel)]="connector.message.notification.body"></textarea>
+                <textarea style="padding-top: 10px;width: 100%;" name="email_message" id="email_message" [(ngModel)]="connector.message.notification.body"></textarea>
             </ion-item>
             <ion-item lines="none">
                 <ion-note style="align-items: center;display:flex;">
-                    Vous pouvez utiliser les différentes balises ci-dessous pour enrichir votre e-mail : 
+                    {{'lang.mergedVariablesMsgEmail' | translate}} : 
                     <span class="tag" *ngFor="let tag of tags" (click)="addEmailVariable(tag.id)">
                         {{tag.label | translate}}
                     </span>