From 069fcb7fe6850f00b24d13af3fcf9c62f7637ed5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Albert=20Juh=C3=A9=20Lluveras?= <aljullu@gmail.com>
Date: Fri, 7 Sep 2018 17:52:51 +0200
Subject: [PATCH] IE11: fix Card layout broken because it was using CSS grid
 (https://github.com/woocommerce/woocommerce-admin/pull/370)

---
 .../woocommerce-admin/client/components/card/index.js  | 10 +++++++---
 .../client/components/card/style.scss                  |  4 ++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/plugins/woocommerce-admin/client/components/card/index.js b/plugins/woocommerce-admin/client/components/card/index.js
index 3d187e67902..cb7e249680e 100644
--- a/plugins/woocommerce-admin/client/components/card/index.js
+++ b/plugins/woocommerce-admin/client/components/card/index.js
@@ -27,9 +27,13 @@ class Card extends Component {
 		return (
 			<div className={ className }>
 				<div className="woocommerce-card__header">
-					<H className="woocommerce-card__title">{ title }</H>
-					{ action && <div className="woocommerce-card__action">{ action }</div> }
-					{ menu && <div className="woocommerce-card__menu">{ menu }</div> }
+					<H className="woocommerce-card__title woocommerce-card__header-item">{ title }</H>
+					{ action && (
+						<div className="woocommerce-card__action woocommerce-card__header-item">{ action }</div>
+					) }
+					{ menu && (
+						<div className="woocommerce-card__menu woocommerce-card__header-item">{ menu }</div>
+					) }
 				</div>
 				<Section className="woocommerce-card__body">{ children }</Section>
 			</div>
diff --git a/plugins/woocommerce-admin/client/components/card/style.scss b/plugins/woocommerce-admin/client/components/card/style.scss
index 127cdf4fa5f..b355567c25e 100644
--- a/plugins/woocommerce-admin/client/components/card/style.scss
+++ b/plugins/woocommerce-admin/client/components/card/style.scss
@@ -34,6 +34,10 @@
 	}
 }
 
+.woocommerce-card__header-item {
+	@include set-grid-item-position( 3, 3 );
+}
+
 .woocommerce-card__action,
 .woocommerce-card__menu {
 	text-align: right;