Fix button overlap on mobile

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 12:39:42 +00:00
parent a8064f06be
commit d610930a21

View File

@@ -118,7 +118,8 @@ export default function ManufacturerDetail() {
<div className="flex items-center justify-between mb-6"> <div className="flex items-center justify-between mb-6">
<Button variant="ghost" onClick={() => navigate('/manufacturers')}> <Button variant="ghost" onClick={() => navigate('/manufacturers')}>
<ArrowLeft className="w-4 h-4 mr-2" /> <ArrowLeft className="w-4 h-4 mr-2" />
Back <span className="md:hidden">Back</span>
<span className="hidden md:inline">Back to Manufacturers</span>
</Button> </Button>
<Button <Button
@@ -132,7 +133,8 @@ export default function ManufacturerDetail() {
}} }}
> >
<Edit className="w-4 h-4 mr-2" /> <Edit className="w-4 h-4 mr-2" />
Edit <span className="md:hidden">Edit</span>
<span className="hidden md:inline">Edit Manufacturer</span>
</Button> </Button>
</div> </div>