From d610930a219760c46fa6955ed18abe22bd7408a3 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 30 Sep 2025 12:39:42 +0000
Subject: [PATCH] Fix button overlap on mobile

---
 src/pages/ManufacturerDetail.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/ManufacturerDetail.tsx b/src/pages/ManufacturerDetail.tsx
index 95d55262..c3ad9314 100644
--- a/src/pages/ManufacturerDetail.tsx
+++ b/src/pages/ManufacturerDetail.tsx
@@ -118,7 +118,8 @@ export default function ManufacturerDetail() {
         <div className="flex items-center justify-between mb-6">
           <Button variant="ghost" onClick={() => navigate('/manufacturers')}>
             <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 
@@ -132,7 +133,8 @@ export default function ManufacturerDetail() {
             }}
           >
             <Edit className="w-4 h-4 mr-2" />
-            Edit
+            <span className="md:hidden">Edit</span>
+            <span className="hidden md:inline">Edit Manufacturer</span>
           </Button>
         </div>