From 3d3fcefc3ad901fe98b64a42237c67c7d791254f Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 20 Jun 2022 11:34:12 -0500
Subject: [PATCH] adding transition to select a conversation

---
 packages/desktop/src/tree/FooterControls.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/desktop/src/tree/FooterControls.tsx b/packages/desktop/src/tree/FooterControls.tsx
index 8502a32..ae71517 100644
--- a/packages/desktop/src/tree/FooterControls.tsx
+++ b/packages/desktop/src/tree/FooterControls.tsx
@@ -103,7 +103,6 @@ export default function FooterControls() {
           p: 1,
           flex: 1,
         }}
-        spacing={2}
       >
         {priorityConversations.map((masterPriorityConversation) => (
           <OverlayConversation
@@ -177,9 +176,17 @@ function OverlayConversation({
       direction={'column'}
       spacing={1}
       sx={{
+        my: 2,
         p: 1,
         borderRadius: 2,
         bgcolor: isSelected ? blueGrey[300] : '',
+        transition: 'background 1s, color 1s',
+
+        cursor: 'pointer',
+
+        '&:hover': {
+          bgcolor: blueGrey[300],
+        },
       }}
       alignItems={'center'}
     >