style: my-apps card shadow, paddings, status labels
MODIFY
src/app/components/my-apps-summary/my-apps-summary.component.scss
src/app/components/my-apps-summary/my-apps-summary.component.scss
justify-content: space-between;
align-items: center;
grid-template-columns: 4fr 9fr;
+ margin-bottom: 1rem;
}
.endpoints{

MODIFY
src/app/components/my-apps/my-apps.component.html
src/app/components/my-apps/my-apps.component.html
<div *ngIf="contractsLoaded" class="wrapper">
<div id="contracts" class="first">
- <mat-card *ngFor="let cliCon of clientContractsMap | keyvalue" class="mb-40" [id]="tocService.formatClientId(cliCon.value[0])">
+ <mat-card *ngFor="let cliCon of clientContractsMap | keyvalue" class="mb-40 mat-elevation-z3 client-card" [id]="tocService.formatClientId(cliCon.value[0])">
<div class="app-header">
<div class="app-icon-wrapper">
<img class="app-icon" [src]="tmpUrl" alt="app-icon" />

MODIFY
src/app/components/my-apps/my-apps.component.scss
src/app/components/my-apps/my-apps.component.scss
text-align: right;
span{
margin-right: 16px;
- padding: 12px;
+ padding: 6px;
color: white;
}
}
position: sticky;
}
}
+
+.client-card{
+ padding-bottom: 1.6rem;
+}

style: my-apps card shadow, paddings, status labels