From 763b55c75e5f7a111a80673c2df1ab930ab7be16 Mon Sep 17 00:00:00 2001
From: Daniel Shleifman <dancheskus@gmail.com>
Date: Wed, 9 Jun 2021 01:42:44 +0300
Subject: [PATCH] box-shadow fixed

---
 web/src/components/Add/AddDialog.jsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/web/src/components/Add/AddDialog.jsx b/web/src/components/Add/AddDialog.jsx
index fc36c53..42c4cbc 100644
--- a/web/src/components/Add/AddDialog.jsx
+++ b/web/src/components/Add/AddDialog.jsx
@@ -110,14 +110,9 @@ const IconWrapper = styled.div`
 const RightSideTopSection = styled.div`
   background: #fff;
   padding: 0 20px 20px 20px;
+  transition: all 0.3s;
 
-  ${({ active }) =>
-    active &&
-    css`
-      + ${RightSideBottomSectionNoFile} {
-        box-shadow: inset 3px 25px 8px -25px rgba(0, 0, 0, 0.5);
-      }
-    `};
+  ${({ active }) => active && 'box-shadow: 0 8px 10px -9px rgba(0, 0, 0, 0.5)'};
 `
 
 const PosterWrapper = styled.div`
@@ -125,7 +120,7 @@ const PosterWrapper = styled.div`
   display: grid;
   grid-template-columns: max-content 1fr;
   grid-template-rows: 300px max-content;
-  gap: 5px;
+  gap: 10px 5px;
 `
 const PosterSuggestions = styled.div`
   display: grid;