Adds array support on list-card component. Fixes bug when the facebook likes are not in the profile info list

Author: leymytel

src/app/app.config.ts

@@ -33,7 +33,7 @@ export class AppConfig {
 }
 
 export const configuration: AppConfig = {
-  version: '3.7.1.1',
+  version: '3.7.1.2',
   name: 'RumpelStaging',
   tokenApp: 'hatappstaging',
   tokenExpiryTime: 3,

src/app/explore/hat-application-details/hat-application-details.component.html

@@ -63,14 +63,14 @@ <h5 class="app-details-heading">Screenshots</h5>
 
         <rum-list-card *ngIf="appInformation"
                        [title]="'Information'"
-                       [listData]="appInformation"
+                       [listData]="[appInformation]"
                        [expandable]="true"></rum-list-card>
       </mat-tab>
 
       <mat-tab label="Data Preview">
         <ng-container *ngIf="staticData$ | async as staticData">
           <div  *ngIf="staticData[0]" style="margin-bottom: 60px;">
-            <rum-list-card [title]="'Profile information'" [listData]="staticData[0]"></rum-list-card>
+            <rum-list-card [title]="'Profile information'" [listData]="staticData"></rum-list-card>
           </div>
         </ng-container>
 

src/app/shared/components/list-card/list-card.component.html

@@ -1,10 +1,12 @@
 <mat-card [class.expandable]="expandable">
-  <h5 class="app-details-heading">Profile information</h5>
+  <h5 class="app-details-heading">{{title}}</h5>
   <mat-list class="app-static-data-list">
-    <mat-list-item *ngFor="let prop of listData" class="app-static-data-list-item">
-      <span class="app-static-data-list-key">{{ prop[0] | replaceCamelCase | replaceChars }}</span>
-      <span class="flex-spacer"></span>
-      <div class="app-static-data-list-value" [innerHTML]="prop[1] | safeHtml:true"></div>
-    </mat-list-item>
+    <ng-container *ngFor="let rowData of listData">
+      <mat-list-item *ngFor="let prop of rowData" class="app-static-data-list-item">
+        <span class="app-static-data-list-key">{{ prop[0] | replaceCamelCase | replaceChars }}</span>
+        <span class="flex-spacer"></span>
+        <div class="app-static-data-list-value" [innerHTML]="prop[1] | safeHtml:true"></div>
+      </mat-list-item>
+    </ng-container>
   </mat-list>
 </mat-card>

src/app/user/login-native/login-native.component.scss

@@ -80,8 +80,8 @@
   }
 
   .title-hat-domain-wrapper {
-    padding-left: 20px;
-    padding-right: 20px;
+    padding-left: 5px;
+    padding-right: 5px;
     text-align: center;
     vertical-align: middle;
   }