From 79ad43b64886937a3081a6a96dd3f2c993398b20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Wed, 21 Oct 2020 16:51:52 +0200
Subject: [PATCH] use umb-outline

---
 .../src/views/components/blockcard/umb-block-card.less    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.less b/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.less
index f10b888ce1..bfd72c0216 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.less
+++ b/src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.less
@@ -7,12 +7,13 @@ umb-block-card {
     background-color: white;
     border-radius: @doubleBorderRadius;
     box-shadow: 0 1px 2px rgba(0,0,0,.2);
-    overflow: hidden;
 
     transition: box-shadow 120ms;
 
     cursor: pointer;
 
+    .umb-outline();
+
     &:hover {
         box-shadow: 0 1px 3px rgba(@ui-action-type-hover, .5);
     }
@@ -60,6 +61,9 @@ umb-block-card {
         background-size: cover;
         background-position: 50% 50%;
         background-repeat: no-repeat;
+        
+        border-top-left-radius: @doubleBorderRadius;
+        border-top-right-radius: @doubleBorderRadius;
 
         &.--error {
             border: 2px solid @errorBackground;
@@ -85,6 +89,8 @@ umb-block-card {
         background-color: #fff;
         padding-top: 10px;
         padding-bottom: 11px;// 10 + 1 to compentiate for the -1 substraction in margin-bottom.
+        border-bottom-left-radius: @doubleBorderRadius;
+        border-bottom-right-radius: @doubleBorderRadius;
 
         &.--error {
             background-color: @errorBackground;