From a11d0f3bae31b6652e6b613e988e2ed4b15619ee Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Mon, 3 Apr 2023 21:46:49 +0300
Subject: [PATCH] Adjust metadata attributes width wrt resolution

---
 components/forms/MetadataAttributes.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/forms/MetadataAttributes.tsx b/components/forms/MetadataAttributes.tsx
index d911d23..675d5b7 100644
--- a/components/forms/MetadataAttributes.tsx
+++ b/components/forms/MetadataAttributes.tsx
@@ -73,9 +73,9 @@ export function MetadataAttribute({ id, isLast, onAdd, onChange, onRemove, defau
   }, [traitTypeState.value, traitValueState.value, id])
 
   return (
-    <div className="grid relative 2xl:grid-cols-[1fr_1fr_auto] 2xl:space-x-2">
-      <TraitTypeInput {...traitTypeState} />
-      <TraitValueInput {...traitValueState} />
+    <div className="grid relative xl:grid-cols-[6fr_6fr_1fr] xl:-space-x-8 2xl:space-x-2">
+      <TraitTypeInput className="lg:w-4/5 2xl:w-full" {...traitTypeState} />
+      <TraitValueInput className="lg:w-4/5 xl:pr-2 xl:w-full" {...traitValueState} />
 
       <div className="flex justify-end items-end pb-2 w-8">
         <button