From 338ebc810d60fe07796193f4a0d90e9c74c59e16 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Tue, 11 Jan 2022 22:56:48 -0800
Subject: [PATCH] nicer bells

---
 pages/teams/demo.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/pages/teams/demo.tsx b/pages/teams/demo.tsx
index b7d136c..b103113 100644
--- a/pages/teams/demo.tsx
+++ b/pages/teams/demo.tsx
@@ -545,7 +545,9 @@ export default class Demo extends React.Component<MyProps, MyState> {
                                                 Join
                                             </button>
 
-                                            <FaBell className='ml-2 text-orange-500'/>
+                                            <button className='bg-orange-300 bg-opacity-25 p-2 ml-2 rounded hover:bg-opacity-40'>
+                                                <FaBell className='text-sm text-orange-500' />
+                                            </button>
 
                                             <BsThreeDots className='text-white ml-2 hover:cursor-pointer' />                                        </span>
                                         </span>
@@ -587,7 +589,9 @@ export default class Demo extends React.Component<MyProps, MyState> {
                                                 Join
                                             </button>
 
-                                            <FaBell className='ml-2 text-orange-500'/>
+                                            <button className='bg-orange-300 bg-opacity-25 p-2 ml-2 rounded hover:bg-opacity-40'>
+                                                <FaBell className='text-sm text-orange-500' />
+                                            </button>
 
                                             <BsThreeDots className='text-white ml-2 hover:cursor-pointer' />                                        </span>
                                         </span>
@@ -629,7 +633,9 @@ export default class Demo extends React.Component<MyProps, MyState> {
                                                 Join
                                             </button>
 
-                                            <FaBell className='ml-2 text-orange-500'/>
+                                            <button className='bg-orange-300 bg-opacity-25 p-2 ml-2 rounded hover:bg-opacity-40'>
+                                                <FaBell className='text-sm text-orange-500' />
+                                            </button>
 
                                             <BsThreeDots className='text-white ml-2 hover:cursor-pointer' />                                        
                                         </span>