From d2941d795a4b8150677500fbd318a51faad90b0c Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sat, 5 Apr 2025 12:52:10 +0000
Subject: [PATCH] fix button, fix alert

---
 frontend/src/components/AsideMenuList.tsx | 7 ++++++-
 frontend/src/pages/tasks/tasks-list.tsx   | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AsideMenuList.tsx b/frontend/src/components/AsideMenuList.tsx
index 8387ca9..102c1a4 100644
--- a/frontend/src/components/AsideMenuList.tsx
+++ b/frontend/src/components/AsideMenuList.tsx
@@ -3,6 +3,8 @@ import { MenuAsideItem } from '../interfaces';
 import AsideMenuItem from './AsideMenuItem';
 import { useAppSelector } from '../stores/hooks';
 import { hasPermission } from '../helpers/userPermissions';
+import BaseIcon from './BaseIcon';
+import { mdiBell } from '@mdi/js';
 
 type Props = {
   menu: MenuAsideItem[];
@@ -32,7 +34,10 @@ export default function AsideMenuList({
           />
         );
       })}
-<li onClick={() => alert('Hello!')} className="cursor-pointer px-2 py-1 hover:bg-gray-200 rounded-none">New Item</li>
+<li onClick={() => alert('Hello!')} className="flex items-center cursor-pointer px-1 py-1 text-sm hover:bg-gray-200 rounded-none">
+   <BaseIcon path={mdiBell} size="18" className="flex-none mx-3"/>
+   <span className="grow">New Item</span>
+</li>
     </ul>
   );
 }
diff --git a/frontend/src/pages/tasks/tasks-list.tsx b/frontend/src/pages/tasks/tasks-list.tsx
index 19777fe..1471ad1 100644
--- a/frontend/src/pages/tasks/tasks-list.tsx
+++ b/frontend/src/pages/tasks/tasks-list.tsx
@@ -110,6 +110,7 @@ const TasksTablesPage = () => {
         <CardBox className='mb-6' cardBoxClassName='flex flex-wrap'>
           {hasCreatePermission && (
             <BaseButton
+              small={true}
               className={'mr-3'}
               href={'/tasks/tasks-new'}
               color='info'
@@ -118,12 +119,14 @@ const TasksTablesPage = () => {
           )}
 
           <BaseButton
+            small={true}
             className={'mr-3'}
             color='info'
             label='Filter'
             onClick={addFilter}
           />
           <BaseButton
+            small={true}
             className={'mr-3'}
             color='info'
             label='Download CSV'
@@ -132,6 +135,7 @@ const TasksTablesPage = () => {
 
           {hasCreatePermission && (
             <BaseButton
+              small={true}
               color='info'
               label='Upload CSV'
               onClick={() => setIsModalActive(true)}