buttons won't move as much

This commit is contained in:
DaKheera47 2026-01-15 22:52:51 +00:00
parent 4fcace18f3
commit aa95ae384e

View File

@ -148,6 +148,32 @@ const DecideMode: React.FC<DecideModeProps> = ({
</span>
)}
</div>
{/* Primary/Secondary actions */}
<div className='flex gap-2 pt-2'>
<Button
variant='outline'
size='sm'
onClick={onSkip}
disabled={isSkipping}
className='flex-1 h-10 text-muted-foreground hover:text-foreground hover:border-rose-500/30 hover:bg-rose-500/5'
>
{isSkipping ? (
<Loader2 className='mr-2 h-4 w-4 animate-spin' />
) : (
<XCircle className='mr-2 h-4 w-4' />
)}
Skip
</Button>
<Button
size='sm'
onClick={onTailor}
className='flex-1 h-10 bg-primary/90 hover:bg-primary'
>
<Sparkles className='mr-2 h-4 w-4' />
Tailor
</Button>
</div>
</div>
<Separator className='opacity-50' />
@ -184,7 +210,7 @@ const DecideMode: React.FC<DecideModeProps> = ({
<Separator className='opacity-50' />
{/* Actions - clear hierarchy */}
<div className='pt-4 space-y-3'>
<div className='pt-4 pb-2'>
{/* External link - tertiary */}
<div className='flex justify-center'>
<a
@ -197,32 +223,6 @@ const DecideMode: React.FC<DecideModeProps> = ({
View original listing
</a>
</div>
{/* Primary/Secondary actions */}
<div className='flex gap-2'>
<Button
variant='outline'
size='sm'
onClick={onSkip}
disabled={isSkipping}
className='flex-1 h-10 text-muted-foreground hover:text-foreground hover:border-rose-500/30 hover:bg-rose-500/5'
>
{isSkipping ? (
<Loader2 className='mr-2 h-4 w-4 animate-spin' />
) : (
<XCircle className='mr-2 h-4 w-4' />
)}
Skip
</Button>
<Button
size='sm'
onClick={onTailor}
className='flex-1 h-10 bg-primary/90 hover:bg-primary'
>
<Sparkles className='mr-2 h-4 w-4' />
Tailor
</Button>
</div>
</div>
</div>
);