fix: improve css spacing
MODIFY
src/app/components/marketplace-api-description/marketplace-api-description.component.html
src/app/components/marketplace-api-description/marketplace-api-description.component.html
<mat-panel-title>
<div id="version-info">
Version {{ api.version }} of {{ api.api.name }}
- <strong *ngIf="isLatest" id="latest-tag" class="primary">[latest]</strong>
+ <strong *ngIf="isLatest" id="latest-tag" class="primary"
+ >[latest]</strong
+ >
</div>
<button
mat-raised-button
<!--To-Do-->
<!--Use features of API instead of hard-coded value-->
<mat-list-item *ngFor="let feature of features">
- <mat-icon matListIcon class="primary material-icons-outlined mr-8">folder_outline</mat-icon>
+ <mat-icon matListIcon class="primary material-icons-outlined mr-8"
+ >folder_outline</mat-icon
+ >
<span>{{ feature }}</span>
</mat-list-item>
</mat-list>
-
</div>
</mat-grid-tile>
</mat-grid-list>
- <h2 id="plans-header" class="primary">Plans</h2>
+ <h2 class="primary mt-40">Plans</h2>
<app-plan-card-list [apiVersion]="api"></app-plan-card-list>
</mat-expansion-panel>

MODIFY
src/app/components/plan-card-list/plan-card-list.component.scss
src/app/components/plan-card-list/plan-card-list.component.scss
}
}
-mat-card {
- margin-top: 30px;
-}
-
mat-card-actions {
text-align: center;
margin-bottom: unset;

fix: improve css spacing