optimize remote #3

src/app/widget-modules/components/card/card.component.html

@@ -5,8 +5,9 @@
     class="btn-close"
     mat-icon-button
   >
-    <fa-icon [icon]="faClose"></fa-icon>
+    <fa-icon [icon]="closeIcon"></fa-icon>
   </button>
   <div *ngIf="heading" class="heading">{{ heading }}</div>
+  <div *ngIf="subheading" class="subheading">{{ subheading }}</div>
   <ng-content></ng-content>
 </div>

src/app/widget-modules/components/card/card.component.less

@@ -32,8 +32,18 @@
   padding-left: 20px;
   padding-top: 20px;
 }
+.subheading {
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  margin-right: 20px;
+  opacity: 0.7;
+  padding-left: 20px;
+  padding-top: 20px;
+}
 
-.padding .heading {
+.padding .heading, .padding .subheading {
+  display: inline-block;
   padding: 0;
 }
 

src/app/widget-modules/components/card/card.component.ts

@@ -9,7 +9,7 @@ import {faTimes} from '@fortawesome/free-solid-svg-icons';
 export class CardComponent {
   @Input() public padding = true;
   @Input() public heading: string | null = null;
+  @Input() public subheading: string | null = null;
   @Input() public closeLink: string | null = null;
-
-  public faClose = faTimes;
+  @Input() public closeIcon = faTimes;
 }