From 83efb91f529ac5142ffd97cdc3d8291fb3be27cc Mon Sep 17 00:00:00 2001
From: GitG0r0 <145980798+GitG0r0@users.noreply.github.com>
Date: Wed, 22 Oct 2025 20:01:54 +0200
Subject: [PATCH] =?UTF-8?q?style(deck-creator):=20pakli=20n=C3=A9v=20mez?=
 =?UTF-8?q?=C5=91=20sz=C3=A9less=C3=A9g=C3=A9nek=20optimaliz=C3=A1l=C3=A1s?=
 =?UTF-8?q?a?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Pakli név mező mostantól csak 2/3 szélességű
- Jobb vizuális egyensúly a form elemek között
- Reszponzív elrendezés megtartva
---
 .../src/components/DeckCreator/DeckHeader.jsx | 30 +++++++++++--------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/SerpentRace_Frontend/src/components/DeckCreator/DeckHeader.jsx b/SerpentRace_Frontend/src/components/DeckCreator/DeckHeader.jsx
index 22d8dcd1..a0f65d2a 100644
--- a/SerpentRace_Frontend/src/components/DeckCreator/DeckHeader.jsx
+++ b/SerpentRace_Frontend/src/components/DeckCreator/DeckHeader.jsx
@@ -75,18 +75,24 @@ export default function DeckHeader({ deck, onUpdate, onSave, onBack }) {
 
       {/* Main Content Row */}
       <div className="space-y-4">
-        {/* Deck Name */}
-        <div>
-          <label className="block text-[color:var(--color-text-muted)] text-sm font-medium mb-2">
-            📦 Pakli neve
-          </label>
-          <input
-            type="text"
-            value={deck.name}
-            onChange={(e) => handleInputChange('name', e.target.value)}
-            className="w-full px-4 py-2 rounded-xl bg-[color:var(--color-background)] border border-[color:var(--color-surface-selected)] text-[color:var(--color-text)] focus:ring-2 focus:ring-[color:var(--color-success)] focus:border-transparent outline-none transition-all duration-200"
-            placeholder="Add meg a pakli nevét..."
-          />
+        {/* Two Column Layout */}
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          {/* Deck Name - Takes up 2 columns */}
+          <div className="md:col-span-2">
+            <label className="block text-[color:var(--color-text-muted)] text-sm font-medium mb-2">
+              📦 Pakli neve
+            </label>
+            <input
+              type="text"
+              value={deck.name}
+              onChange={(e) => handleInputChange('name', e.target.value)}
+              className="w-full px-4 py-2 rounded-xl bg-[color:var(--color-background)] border border-[color:var(--color-surface-selected)] text-[color:var(--color-text)] focus:ring-2 focus:ring-[color:var(--color-success)] focus:border-transparent outline-none transition-all duration-200"
+              placeholder="Add meg a pakli nevét..."
+            />
+          </div>
+          
+          {/* Empty space for visual balance */}
+          <div className="hidden md:block"></div>
         </div>
 
         {/* Type, Privacy and Description Row */}