From 27fdc1656975e84d738e905c0ca0d3135221cadf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Thu, 9 Jan 2020 14:19:42 +0100
Subject: [PATCH] added round corners in umb-media-grid for media-picker

---
 .../src/less/components/umb-media-grid.less           | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

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 5d6b7ad962..482f65fe29 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
@@ -19,11 +19,19 @@
     align-items: center;
     align-self: stretch;
 
+    border-radius: @baseBorderRadius;
+
     margin: 10px;
     position: relative;
     user-select: none;
     box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
     transition: box-shadow 150ms ease-in-out;
+
+    > div {
+        overflow: hidden;
+        border-radius: @baseBorderRadius;
+    }
+
 }
 
 .umb-media-grid__item.-unselectable {
@@ -35,7 +43,8 @@
         left: 0;
         right: 0;
         bottom: 0;
-        background-color: rgba(230, 230, 230, .5);
+        border-radius: @baseBorderRadius;
+        background-color: rgba(230, 230, 230, .8);
         pointer-events: none;
     }
 }