@@ -386,7 +397,7 @@ export const InstantCaptureBar: React.FC = ({
executeCapture('inbox');
}
}}
- className={`h-8 px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors ${
+ className={`min-h-[36px] px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors cursor-pointer ${
target === 'inbox'
? 'bg-accent-dim border-accent text-main font-medium'
: 'bg-canvas border-border text-muted hover:text-main hover:bg-panel-hover'
@@ -405,7 +416,7 @@ export const InstantCaptureBar: React.FC = ({
executeCapture('task');
}
}}
- className={`h-8 px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors ${
+ className={`min-h-[36px] px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors cursor-pointer ${
target === 'task'
? 'bg-accent-dim border-accent text-main font-medium'
: 'bg-canvas border-border text-muted hover:text-main hover:bg-panel-hover'
@@ -424,7 +435,7 @@ export const InstantCaptureBar: React.FC = ({
setTargetListId(lists[0].id);
}
}}
- className={`h-8 px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors ${
+ className={`min-h-[36px] px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors cursor-pointer ${
target === 'list_item'
? 'bg-accent-dim border-accent text-main font-medium'
: 'bg-canvas border-border text-muted hover:text-main hover:bg-panel-hover'
@@ -443,7 +454,7 @@ export const InstantCaptureBar: React.FC = ({
executeCapture('document');
}
}}
- className={`h-8 px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors ${
+ className={`min-h-[36px] px-2.5 border rounded-btn flex items-center gap-1.5 text-left transition-colors cursor-pointer ${
target === 'document'
? 'bg-accent-dim border-accent text-main font-medium'
: 'bg-canvas border-border text-muted hover:text-main hover:bg-panel-hover'
@@ -475,7 +486,7 @@ export const InstantCaptureBar: React.FC = ({
executeCapture('list_item', lst.id);
}
}}
- className={`h-7 px-2.5 border rounded-btn text-xs flex items-center gap-1.5 transition-colors ${
+ className={`min-h-[30px] px-2.5 border rounded-btn text-xs flex items-center gap-1.5 transition-colors cursor-pointer ${
isSelected
? 'bg-accent text-on-accent border-accent font-medium'
: 'bg-canvas border-border text-muted hover:text-main hover:bg-panel-hover'
@@ -506,7 +517,7 @@ export const InstantCaptureBar: React.FC = ({
key={p}
type="button"
onClick={() => setPriority(p)}
- className={`px-2.5 py-0.5 border rounded-btn transition-colors text-xs ${
+ className={`min-h-[30px] px-2.5 py-1 border rounded-btn transition-colors text-xs cursor-pointer ${
active
? 'bg-accent text-on-accent border-accent font-medium'
: 'bg-canvas text-muted hover:text-main border-border'
@@ -527,7 +538,7 @@ export const InstantCaptureBar: React.FC = ({
type="date"
value={dueDate}
onChange={(e) => setDueDate(e.target.value)}
- className="input-field px-2 py-0.5 text-xs"
+ className="input-field px-2.5 py-1 text-xs min-h-[30px]"
/>