From 97ec8c46a675245082f1156632e3db721bf4d6f2 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Sat, 4 Jun 2016 18:35:49 +0200
Subject: [PATCH] fix(card): image stretching on IE

* Fixes the card images stretching too much in IE11.
* Fixes icons not being aligned in the colors demo.

Fixes #8629.
---
 src/components/card/card.scss                              | 2 +-
 src/components/colors/demoBasicUsage/regularCard.tmpl.html | 2 +-
 src/components/colors/demoBasicUsage/userCard.tmpl.html    | 3 +--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/card/card.scss b/src/components/card/card.scss
index ee3e2914f1..2b8110908a 100644
--- a/src/components/card/card.scss
+++ b/src/components/card/card.scss
@@ -65,7 +65,7 @@ md-card {
     display: flex;
     flex: 0 0 auto;
     width: 100%;
-    height: 100% !important;
+    height: auto;
   }
 
   md-card-title {
diff --git a/src/components/colors/demoBasicUsage/regularCard.tmpl.html b/src/components/colors/demoBasicUsage/regularCard.tmpl.html
index ec7edeec5b..dd464ef957 100644
--- a/src/components/colors/demoBasicUsage/regularCard.tmpl.html
+++ b/src/components/colors/demoBasicUsage/regularCard.tmpl.html
@@ -1,7 +1,7 @@
 <md-card>
   <md-card-title>
     <md-card-title-media>
-      <div class="md-media-sm card-media" layout layout-align="center center" >
+      <div class="md-media-sm card-media" layout>
         <md-icon md-svg-icon="person" style="color:grey"></md-icon>
       </div>
     </md-card-title-media>
diff --git a/src/components/colors/demoBasicUsage/userCard.tmpl.html b/src/components/colors/demoBasicUsage/userCard.tmpl.html
index 42a8530c36..461f8f4c76 100644
--- a/src/components/colors/demoBasicUsage/userCard.tmpl.html
+++ b/src/components/colors/demoBasicUsage/userCard.tmpl.html
@@ -1,8 +1,7 @@
 <md-card md-colors="::{backgroundColor: '{{theme}}-primary-700'}">
   <md-card-title>
     <md-card-title-media>
-      <div class="md-media-sm card-media" layout layout-align="center center"
-           md-colors="::{background: '{{theme}}-accent'}">
+      <div class="md-media-sm card-media" layout md-colors="::{background: '{{theme}}-accent'}">
         <md-icon md-svg-icon="person"></md-icon>
       </div>
     </md-card-title-media>