fix: remove fixed height and icon margins from event actions toolbar

src/components/event-actions-toolbar.tsx

@@ -23,16 +23,19 @@ export const EventActionsToolbar = ({
 }: EventActionsToolbarProps) => {
 	return (
 		<div className="flex items-center gap-2 mb-4 flex-wrap">
-			<Button size="sm" onClick={onAddEvent} className="h-8 text-xs">
+			<Button size="sm" onClick={onAddEvent} className="text-xs">
-				<CalendarPlus className="h-3.5 w-3.5 mr-1.5" />
+				<CalendarPlus className="h-3.5 w-3.5" />
 				Add Event
 			</Button>
 
-			<IcsFilePicker onFileSelect={onImport} variant="outline" size="sm">
+			<IcsFilePicker
-				<span className="flex items-center gap-1.5">
+				onFileSelect={onImport}
-					<FileUp className="h-3.5 w-3.5" />
+				variant="outline"
-					Import
+				size="sm"
-				</span>
+				className="text-xs"
+			>
+				<FileUp className="h-3.5 w-3.5" />
+				Import
 			</IcsFilePicker>
 
 			{events.length > 0 && (
@@ -41,25 +44,25 @@ export const EventActionsToolbar = ({
 						variant="outline"
 						size="sm"
 						onClick={onExport}
-						className="h-8 text-xs"
+						className="text-xs"
 					>
-						<Download className="h-3.5 w-3.5 mr-1.5" />
+						<Download className="h-3.5 w-3.5" />
 						Export
 					</Button>
 					<Button
 						variant="ghost"
 						size="sm"
 						onClick={onClearAll}
-						className="h-8 text-xs text-muted-foreground hover:text-destructive"
+						className="text-xs text-muted-foreground hover:text-destructive"
 					>
-						<Trash2 className="h-3.5 w-3.5 mr-1.5" />
+						<Trash2 className="h-3.5 w-3.5" />
 						Clear
 					</Button>
 				</>
 			)}
 
 			{events.length > 0 && (
-				<Badge variant="secondary" className="text-xs ml-auto">
+				<Badge variant="secondary" className="ml-auto">
 					{events.length} event{events.length !== 1 ? "s" : ""}
 				</Badge>
 			)}