From f899f5d71c826b2f4e56c51cbf5c3e71d7f417b1 Mon Sep 17 00:00:00 2001
From: Roy Schut <roy@videodock.com>
Date: Thu, 24 Jun 2021 14:59:39 +0200
Subject: [PATCH] fix(videodetail): fix icon shadow and overlay gradient

---
 src/components/Modal/Modal.module.scss | 2 ++
 src/components/Video/Video.module.scss | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Modal/Modal.module.scss b/src/components/Modal/Modal.module.scss
index 566d7f3d0..f7ef0e1b7 100644
--- a/src/components/Modal/Modal.module.scss
+++ b/src/components/Modal/Modal.module.scss
@@ -54,6 +54,8 @@
   > svg {
     width: 28px;
     height: 28px;
+    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)); /* stylelint-disable-line */
+    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
   }
   &.hidden {
     opacity: 0;
diff --git a/src/components/Video/Video.module.scss b/src/components/Video/Video.module.scss
index 29a3c2a7f..c7986c998 100644
--- a/src/components/Video/Video.module.scss
+++ b/src/components/Video/Video.module.scss
@@ -236,8 +236,9 @@
   top: 0;
   left: 0;
   width: 100%;
+  min-height: 100px;
   padding: 24px 56px;
-  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.4) 100%);
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.25) 100%);
   pointer-events: none;
 
   @include responsive.mobile-only() {
@@ -262,6 +263,8 @@
   > svg {
     width: 36px;
     height: 36px;
+    -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4)); /* stylelint-disable-line */
+    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4));
   }
 }