style: my apps cards spacings, remove client button ahead of label
MODIFY
src/app/components/my-apps/my-apps.component.html
src/app/components/my-apps/my-apps.component.html
</h3>
{{ cliCon.value[0].client.client.description }}
</div>
- <div class="app-client-header-labels">
- <span
- matTooltip="Client Status"
- [style]="'background-color: ' + getColorForLabel(cliCon.value[0].client.status)">
- {{ cliCon.value[0].client.status }}
- </span>
+ <div class="app-client-header-label">
<button
*ngIf="cliCon.value[0].client.status === 'Registered' && clientAdminProfile"
(click)="unregister(cliCon.value[0], cliCon.key)"
matTooltip="{{'APPS.REMOVE_CLIENT_TT' | translate}}">
<mat-icon>delete</mat-icon>
</button>
+ <span
+ matTooltip="Client Status"
+ [style]="'background-color: ' + getColorForLabel(cliCon.value[0].client.status)">{{ cliCon.value[0].client.status }}
+ </span>
</div>
</div>
<div *ngFor="let contract of cliCon.value" class="app-api">

MODIFY
src/app/components/my-apps/my-apps.component.scss
src/app/components/my-apps/my-apps.component.scss
align-items: center;
grid-template-columns: 44px 8fr 8fr;
grid-column-gap: 16px;
- margin-bottom: 1rem;
- margin-left: 1rem;
- margin-top: 0.4rem;
+ margin: 0.4rem 1rem 1rem 1rem;
}
.app-api-header-icon-wrapper{
width: 48px;
}
-.app-api-header-labels, .app-client-header-labels{
+.app-api-header-labels, .app-client-header-label{
white-space: nowrap;
- margin-right: 1.8rem;
text-align: right;
span{
- margin-right: 1rem;
- padding: 6px;
+ margin-left: 8px;
+ padding: 4px 8px;
color: white;
}
-
-
-
span:last-child{
margin-right: 0;
}

style: my apps cards spacings, remove client button ahead of label