diff --git a/ui/ui-frontend-common/src/sass/base/_base.scss b/ui/ui-frontend-common/src/sass/base/_base.scss index 098495ba4ecf2270e43e9e57ff594ba66d5c8a5e..febd3628d7bb262cf927be3258b08abdd78619dd 100644 --- a/ui/ui-frontend-common/src/sass/base/_base.scss +++ b/ui/ui-frontend-common/src/sass/base/_base.scss @@ -66,4 +66,8 @@ button, textarea, input { &:hover { background-color: transparent!important; } +} + +.w-100 { + width: 100%; } \ No newline at end of file diff --git a/ui/ui-frontend/projects/identity/src/app/user/group-attribution/group-list/group-list.component.html b/ui/ui-frontend/projects/identity/src/app/user/group-attribution/group-list/group-list.component.html index 5f35d9fa68c76b990f9c917c6357da5a54ee1d0c..3f245b7af491987a6c3426bab153267401731756 100644 --- a/ui/ui-frontend/projects/identity/src/app/user/group-attribution/group-list/group-list.component.html +++ b/ui/ui-frontend/projects/identity/src/app/user/group-attribution/group-list/group-list.component.html @@ -17,7 +17,7 @@ <ng-container *ngFor="let group of groups"> <div class="vitamui-row p-0 px-4" [class.no-hover]="row.state === 'expanded'" *ngIf="!group?.selected" [vitamuiCommonCollapse] #row="vitamuiCommonCollapse"> <div class="d-flex justify-content-between align-items-center clickable"> - <div class="row-label d-flex align-items-center" (click)="updateGroup(group?.id,group?.name, row)">{{group?.name}}</div> + <div class="d-flex align-self-stretch align-items-center w-100" (click)="updateGroup(group?.id,group?.name, row)">{{group?.name}}</div> <button class="btn link underline" (click)="row.toggle()">{{row.state === 'collapsed' ? "Voir detail" : "Masquer detail"}}</button> </div> <app-group-detail *ngIf="row.state === 'expanded'" [group]="group" [@expansionAnimation]></app-group-detail>