2025-10-23 17:29:45 +02:00
1 changed files with 18 additions and 12 deletions
@@ -75,8 +75,10 @@ export default function DeckHeader({ deck, onUpdate, onSave, onBack }) {

      {/* Main Content Row */}
      <div className="space-y-4">
-        {/* Deck Name */}
-        <div>
+        {/* 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>
@@ -89,6 +91,10 @@ export default function DeckHeader({ deck, onUpdate, onSave, onBack }) {
            />
          </div>
          
+          {/* Empty space for visual balance */}
+          <div className="hidden md:block"></div>
+        </div>
+
        {/* Type, Privacy and Description Row */}
        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
          {/* Deck Type */}