improvement(ui): use inline Button for small text actions

Author: Bill Leoutsakos

apps/sim/app/workspace/[workspaceId]/logs/components/log-details/components/file-download/file-download.tsx

@@ -106,11 +106,7 @@ function FileCard({ file, isExecutionFile = false, workspaceId }: FileCardProps)
           {file.type}
           {file.version === undefined ? '' : ` · v${file.version}`}
         </span>
-        <Button
-          variant='ghost'
-          className='h-[20px]! px-1.5! py-0! text-xs'
-          onClick={handleDownload}
-        >
+        <Button variant='ghost' size='inline' onClick={handleDownload}>
           <Download className='mr-1 size-[10px]' />
           Download
         </Button>

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-primitives.tsx

@@ -72,11 +72,8 @@ export const AddRowButton = React.memo(function AddRowButton({
     <Button
       type='button'
       variant='ghost'
-      size='sm'
-      className={cn(
-        'h-[20px] gap-2 p-0 text-[var(--text-body)]',
-        blockedReason && 'cursor-not-allowed opacity-50'
-      )}
+      size='inline'
+      className={cn('gap-2', blockedReason && 'cursor-not-allowed opacity-50')}
       aria-disabled={blockedReason ? true : undefined}
       onClick={blockedReason ? undefined : onClick}
     >