From 3ed340bde1905b705ba44650efac450207132b33 Mon Sep 17 00:00:00 2001
From: Simon Busborg <simon@umbraco.com>
Date: Tue, 26 Jan 2016 13:29:39 +0100
Subject: [PATCH] Fixes weird skew in media grid

---
 .../src/less/components/umb-media-grid.less   | 29 ++++++++++++-------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less
index 43cb5a7f6e..0f2305bd90 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-media-grid.less
@@ -9,17 +9,24 @@
 }
 
 .umb-media-grid__item {
-   margin: 10px;
-   position: relative;
-   overflow: hidden;
-   cursor: pointer;
-   display: flex;
-   align-content: center;
-   align-items: center;
-   align-self: stretch;
-   box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
-   justify-content: center;
-   transition: box-shadow 100ms;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+
+    justify-content: center;
+
+    align-content: center;
+    align-items: center;
+    align-self: stretch;
+
+    margin: 10px;
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+
+    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
+
+    transition: box-shadow 100ms;
 }
 
 .umb-media-grid__item.-file {