styling changes on description overview authors

This commit is contained in:
Sofia Papacharalampous 2024-05-09 14:26:33 +03:00
parent 30a50db52e
commit fa970bc0d8
2 changed files with 10 additions and 5 deletions

View File

@ -184,7 +184,7 @@
</div>
<div class="col-12">
<div *ngFor="let dmpUser of description.dmp?.dmpUsers" class="row authors">
<div class="col-12 d-flex flex-row">
<div class="col d-flex flex-row">
<button class="account_btn mr-3 pl-0">
<mat-icon class="account-icon">account_circle</mat-icon>
</button>
@ -197,8 +197,13 @@
</p>
</div>
</div>
<div class="col-12" *ngIf="canInviteDmpUsers && description.dmp?.status === dmpStatusEnum.Draft && dmpUser.role != dmpUserRoleEnum.Owner" >
<button (click)="removeUserFromDmp(dmpUser)" class="remove-btn">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}</button>
<div class="col-auto" *ngIf="canInviteDmpUsers && description.dmp?.status === dmpStatusEnum.Draft && dmpUser.role != dmpUserRoleEnum.Owner" >
<!-- <button (click)="removeUserFromDmp(dmpUser)" class="remove-btn">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}</button> -->
<button (click)="removeUserFromDmp(dmpUser)" mat-mini-fab matTooltip="{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}" matTooltipPosition="above">
<mat-icon class="mat-mini-fab-icon">delete</mat-icon>
</button>
</div>
</div>
</div>

View File

@ -90,7 +90,7 @@
.finalize-btn {
// border: 1px solid var(--secondary-color);
background: #f5db71;
//background: #f5db71;
}
.frame-btn,
@ -254,7 +254,7 @@
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
//width: 100%;
}
.authors-label {