diff --git a/src/app/profile/structure-edition-summary/structure-edition-summary.component.html b/src/app/profile/structure-edition-summary/structure-edition-summary.component.html index 094ddbb6b35007deeee7ace789bcb92d8888d73e..9e5275a4d78cfba6ef4a4d056b8556e82203a943 100644 --- a/src/app/profile/structure-edition-summary/structure-edition-summary.component.html +++ b/src/app/profile/structure-edition-summary/structure-edition-summary.component.html @@ -344,30 +344,33 @@ </div> <ng-container *ngIf="offerHolder.structure"> - <div class="sectionHeader"> - <strong>Autres démarches : </strong> - <app-button - class="hide-on-mobile" - [variant]="'secondary'" - [label]="structure.otherDescription ? 'Modifier' : 'Ajouter'" - [iconName]="structure.otherDescription ? 'edit' : 'plus'" - [size]="'small'" - (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)" - /> - <app-icon-button - class="hide-on-desktop" - [variant]="'secondary'" - [iconName]="structure.otherDescription ? 'edit' : 'plus'" - [ariaLabel]=" - structure.otherDescription - ? 'Modifier les autres démarches en ligne' - : 'Ajouter les autres démarches en ligne' - " - (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)" - /> + <div class="otherHelp"> + <div class="sectionHeader"> + <strong>Autres démarches : </strong> + <app-button + class="hide-on-mobile" + [variant]="'secondary'" + [label]="structure.otherDescription ? 'Modifier' : 'Ajouter'" + [iconName]="structure.otherDescription ? 'edit' : 'plus'" + [size]="'small'" + (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)" + /> + <app-icon-button + class="hide-on-desktop" + [variant]="'secondary'" + [iconName]="structure.otherDescription ? 'edit' : 'plus'" + [ariaLabel]=" + structure.otherDescription + ? 'Modifier les autres démarches en ligne' + : 'Ajouter les autres démarches en ligne' + " + (action)="goToEdit(structureFormStep.structureDigitalHelpingAccompanimentOther, offerHolder)" + /> + </div> + + <app-no-information *ngIf="!structure.otherDescription" /> + <p *ngIf="structure.otherDescription">{{ structure.otherDescription }}</p> </div> - <app-no-information *ngIf="!structure.otherDescription" /> - <p *ngIf="structure.otherDescription">{{ structure.otherDescription }}</p> </ng-container> </section> diff --git a/src/app/profile/structure-edition-summary/structure-edition-summary.component.scss b/src/app/profile/structure-edition-summary/structure-edition-summary.component.scss index 14055696a6b4b94c47eca2fe1b6aa3576497e939..1bdb889d3b80e8d3d3537bfc9b44804a69648645 100644 --- a/src/app/profile/structure-edition-summary/structure-edition-summary.component.scss +++ b/src/app/profile/structure-edition-summary/structure-edition-summary.component.scss @@ -77,10 +77,17 @@ } } + .otherHelp { + gap: 12px; + @include font-regular-14; + } + .formationDetails { display: flex; flex-direction: column; gap: 24px; + padding-left: 12px; + @include font-regular-14; > div { display: flex;