fix button, fix alert

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>
   );
 }

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)}