From 2bdabbc1007f657bb4fe8e9f4382a0643529c4cb Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Fri, 6 Mar 2015 16:42:31 -0500
Subject: [PATCH] #1846 Equal height grids now automatically stretch column
 child elements to full width

---
 src/definitions/collections/grid.less | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less
index 75d186c79..201385221 100755
--- a/src/definitions/collections/grid.less
+++ b/src/definitions/collections/grid.less
@@ -1391,7 +1391,6 @@
   padding-bottom: (@rowSpacing / 2);
 }
 
-
 /*----------------------
       Equal Width
 -----------------------*/
@@ -1426,7 +1425,7 @@
 .ui[class*="equal width"].grid > .column,
 .ui[class*="equal width"].grid > .row > .column,
 .ui.grid > [class*="equal width"].row > .column {
-  display: inline-block;
+  display: flex;
   flex-direction: column;
   flex: 1 0 auto;
 }
@@ -1463,10 +1462,17 @@
 .ui[class*="equal height"].grid > .column,
 .ui[class*="equal height"].grid > .row > .column,
 .ui.grid > [class*="equal height"].row > .column {
-  display: inline-block;
+  display: flex;
   flex-direction: column;
-  flex: 0 0 auto;
+  flex: 1 0 auto;
+  align-items: stretch;
 }
+.ui[class*="equal height"].grid > .column > *,
+.ui[class*="equal height"].grid > .row > .column > *,
+.ui.grid > [class*="equal height"].row > .column > * {
+  flex: 1 0 auto;
+}
+
 
 /*-------------------
       Doubling