Fixes weird skew in media grid

2016-01-26 13:29:39 +01:00
parent fa1c227136
commit 3ed340bde1
1 changed files with 18 additions and 11 deletions
--- 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 {