From f73ff363a5eb0af54e4d1fb986c7712b802d9964 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Sat, 4 Nov 2017 12:45:12 +0300
Subject: [PATCH] Small fixes on cards

---
 .../components/cards/cards.component.html     | 29 +++++++------------
 .../components/cards/cards.component.ts       |  3 ++
 2 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/src/app/main/content/components/cards/cards.component.html b/src/app/main/content/components/cards/cards.component.html
index 4c8cf2ae..08e092c1 100644
--- a/src/app/main/content/components/cards/cards.component.html
+++ b/src/app/main/content/components/cards/cards.component.html
@@ -635,17 +635,12 @@
                             <div class="fuse-card">
 
                                 <div class="card-rich-media">
-                                    <img src="assets/images/cards/card3.jpg">
+                                    <img src="assets/images/cards/card2.jpg">
                                 </div>
 
                                 <div class="card-primary-title">
-                                    <div class="card-title">Top Winter Locations</div>
-                                    <div class="card-subtitle secondary-text">More than 200 locations</div>
-                                </div>
-
-                                <div class="card-supporting-text">
-                                    Cards provide context and an entry point to more robust information and views, and
-                                    their content and quantity can vary greatly.
+                                    <div class="card-title">Top eastern road trips</div>
+                                    <div class="card-subtitle secondary-text">2,000 miles of wonder</div>
                                 </div>
 
                                 <div class="card-actions">
@@ -653,14 +648,14 @@
                                     <button mat-button color="accent">EXPLORE</button>
                                     <div class="card-expander">
                                         <button mat-icon-button aria-label="expand card"
-                                                (click)="card9Expanded = !card9Expanded">
-                                            <mat-icon *ngIf="card9Expanded">keyboard_arrow_up</mat-icon>
-                                            <mat-icon *ngIf="!card9Expanded">keyboard_arrow_down</mat-icon>
+                                                (click)="card10Expanded = !card10Expanded">
+                                            <mat-icon *ngIf="card10Expanded">keyboard_arrow_up</mat-icon>
+                                            <mat-icon *ngIf="!card10Expanded">keyboard_arrow_down</mat-icon>
                                         </button>
                                     </div>
                                 </div>
 
-                                <div class="card-expand-area" *ngIf="card9Expanded" [@expandCollapse]>
+                                <div class="card-expand-area" *ngIf="card10Expanded" [@expandCollapse]>
                                     <div class="card-expanded-supporting-text">
                                         Card content that exceeds the maximum card height is truncated and does not
                                         scroll, but the card can be expanded. Once expanded, the card may exceed the
@@ -858,6 +853,7 @@
                             <div class="fuse-card">
 
                                 <div class="card-rich-media">
+                                    <div class="card-title">Winter</div>
                                     <img src="assets/images/cards/card3-square.jpg">
                                 </div>
 
@@ -925,8 +921,8 @@
                                 <div class="card-media-header">
 
                                     <div class="card-primary-title">
-                                        <div class="card-subtitle secondary-text">Travel</div>
-                                        <div class="card-title">Big City Life</div>
+                                        <div class="card-title">Brooklyn</div>
+                                        <div class="card-subtitle secondary-text">Travel guide</div>
                                     </div>
 
                                     <div class="card-rich-media">
@@ -935,11 +931,6 @@
 
                                 </div>
 
-                                <div class="card-supporting-text">
-                                    Cards provide context and an entry point to more robust information and views, and
-                                    their content and quantity can vary greatly.
-                                </div>
-
                                 <div class="card-actions">
                                     <button mat-button color="accent">READ</button>
                                     <button mat-button color="accent">SHARE</button>
diff --git a/src/app/main/content/components/cards/cards.component.ts b/src/app/main/content/components/cards/cards.component.ts
index a88b284b..d43b7aa3 100644
--- a/src/app/main/content/components/cards/cards.component.ts
+++ b/src/app/main/content/components/cards/cards.component.ts
@@ -9,6 +9,9 @@ import { fuseAnimations } from '../../../../core/animations';
 })
 export class FuseCardsDocsComponent
 {
+    card9Expanded = false;
+    card10Expanded = false;
+
     constructor()
     {