improvement(sidebar): expanded workflow/folder item text sizing and adjusted button padding

Author: emir-karabeg

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/workflow-list/folder-item.tsx

@@ -65,7 +65,7 @@ export function FolderItem({ folder, level, onDragOver, onDragLeave, onDrop }: F
     <div className='mb-[2px]' onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={onDrop}>
       <div
         className={clsx(
-          'flex h-[25px] cursor-pointer items-center rounded-[8px] text-small',
+          'flex h-[25px] cursor-pointer items-center rounded-[8px] text-[14px]',
           isDragging ? 'opacity-50' : ''
         )}
         onClick={handleClick}

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/workflow-list/workflow-item.tsx

@@ -66,7 +66,7 @@ export function WorkflowItem({ workflow, active, level }: WorkflowItemProps) {
     <Link
       href={`/workspace/${workspaceId}/w/${workflow.id}`}
       className={clsx(
-        'group flex h-[25px] items-center gap-[8px] rounded-[8px] px-[5px] text-small',
+        'group flex h-[25px] items-center gap-[8px] rounded-[8px] px-[5px] text-[14px]',
         active ? 'bg-[#2C2C2C] dark:bg-[#2C2C2C]' : 'hover:bg-[#2C2C2C] dark:hover:bg-[#2C2C2C]',
         isSelected && selectedWorkflows.size > 1 && !active ? 'bg-[#2C2C2C] dark:bg-[#2C2C2C]' : '',
         isDragging ? 'opacity-50' : ''

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar-new.tsx

@@ -571,7 +571,7 @@ export function SidebarNew() {
           <div className='mt-[14px] flex items-center'>
             <Button
               variant='3d'
-              className='w-full gap-[12px] rounded-[8px] text-small'
+              className='w-full gap-[12px] rounded-[8px] py-[5px] text-small'
               onClick={() => handleCreateWorkflow()}
               disabled={isCreatingWorkflow}
             >