From c2e271561a1232156a90bce5078055ec504a9e95 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 13:05:33 +0000
Subject: [PATCH] Fix button positioning

---
 src/pages/Manufacturers.tsx | 48 +++++++++++++++++++++----------------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/pages/Manufacturers.tsx b/src/pages/Manufacturers.tsx
index 6c71b27f..546d7f3a 100644
--- a/src/pages/Manufacturers.tsx
+++ b/src/pages/Manufacturers.tsx
@@ -125,30 +125,36 @@ export default function Manufacturers() {
       <main className="container mx-auto px-4 py-8">
         {/* Page Header */}
         <div className="mb-8">
-          <div className="flex items-center justify-between mb-4">
-            <div className="flex items-center gap-3">
-              <Factory className="w-10 h-10 text-primary" />
-              <h1 className="text-4xl font-bold">Manufacturers</h1>
-            </div>
-            <Button 
-              onClick={() => {
-                if (!user) {
-                  navigate('/auth');
-                } else {
-                  setIsCreateModalOpen(true);
-                }
-              }}
-              className="gap-2"
-            >
-              <Plus className="w-4 h-4" />
-              Add Manufacturer
-            </Button>
+          <div className="flex items-center gap-3 mb-4">
+            <Factory className="w-8 h-8 text-primary" />
+            <h1 className="text-4xl font-bold">Manufacturers</h1>
           </div>
-          <p className="text-lg text-muted-foreground">
+          <p className="text-lg text-muted-foreground mb-4">
             Explore the manufacturers behind your favorite rides and attractions
           </p>
-          <div className="flex items-center gap-2 mt-2">
-            <Badge variant="secondary">{filteredCompanies.length} manufacturers found</Badge>
+          
+          <div className="flex items-center justify-between">
+            <div className="flex flex-wrap items-center gap-1.5 sm:gap-2">
+              <Badge variant="secondary" className="text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1">
+                {filteredCompanies.length} manufacturers
+              </Badge>
+            </div>
+
+            <div className="flex items-center gap-2">
+              <Button 
+                onClick={() => {
+                  if (!user) {
+                    navigate('/auth');
+                  } else {
+                    setIsCreateModalOpen(true);
+                  }
+                }}
+                className="gap-2"
+              >
+                <Plus className="w-4 h-4" />
+                Add Manufacturer
+              </Button>
+            </div>
           </div>
         </div>