From 016620589f8184724da71374bf83b06488fbb92e Mon Sep 17 00:00:00 2001
From: Syed Ansar <82027712+Syed-Ansar@users.noreply.github.com>
Date: Thu, 17 Nov 2022 14:50:12 +0530
Subject: [PATCH] Added the hover effects on datasources (#4303)

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
---
 frontend/src/_styles/theme.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 0bc4523af6..fc8e93d24b 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -200,10 +200,15 @@ button {
     padding: 10px;
     align-items: center;
     cursor: pointer;
+    transition: transform .2s;
 
     p {
       margin: 0 8px 0 15px;
     }
+    &:hover{
+      transform: scale(1.02);
+      box-shadow: 0.1px 0.1px 0.1px 0.1px rgba(0,0,0,0.3);
+    }
   }
 
   // end :: data source card style