From 034906cfc152e57b51838f2aa1cab6cd5c0c2450 Mon Sep 17 00:00:00 2001
From: anikaahmed114 <aahm@unc.edu>
Date: Sat, 30 Mar 2024 04:17:03 -0400
Subject: [PATCH] update UI

---
 compass/components/page/Drawer.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/compass/components/page/Drawer.tsx b/compass/components/page/Drawer.tsx
index 624c92f..d9c6a04 100644
--- a/compass/components/page/Drawer.tsx
+++ b/compass/components/page/Drawer.tsx
@@ -1,5 +1,4 @@
 import { FunctionComponent, ReactElement, ReactNode } from 'react';
-import Button from '@/components/Button'
 import React, { useState } from 'react';
 import { ChevronDoubleLeftIcon } from '@heroicons/react/24/solid';
 import { BookmarkIcon, XMarkIcon } from "@heroicons/react/24/solid";
@@ -87,10 +86,12 @@ const Drawer: FunctionComponent<DrawerProps> = ({ title, children, onSave, edita
             <Card icon={<BookmarkIcon />} text="Resources" onClick={() => handleCardClick("Resources", <BookmarkIcon />)}/>
             <div className={drawerClassName}>
             <div className="flex items-center justify-between p-4 border-b">
+            <div className="flex items-center space-x-2">
                 <span className="h-5 text-purple-700 w-5">
                     {currentCardIcon}
                     </span>                    
-                    <h2>{currentCardText}</h2>
+                    <h2 className = "text-sm text-gray-800 font-semibold">{currentCardText}</h2>
+                    </div>
                     <div>
                         <button 
                         onClick={toggleDrawer} className="py-2 text-gray-500 hover:text-gray-800"