From d27dfbd452a6be4d6a1bfbb59b253c0d3452fc9f Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Sun, 19 Mar 2023 21:28:33 +0300
Subject: [PATCH] Minor UI updates

---
 pages/contracts/splits/instantiate.tsx | 40 +++++++++++++++-----------
 pages/contracts/splits/query.tsx       |  2 +-
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/pages/contracts/splits/instantiate.tsx b/pages/contracts/splits/instantiate.tsx
index 921974b..d6fe678 100644
--- a/pages/contracts/splits/instantiate.tsx
+++ b/pages/contracts/splits/instantiate.tsx
@@ -196,24 +196,30 @@ const SplitsInstantiatePage: NextPage = () => {
           </div>
         </div>
       </div>
-      <AddressInput className="ml-4 w-1/2" {...splitsAdminState} />
-      <Conditional test={cw4Method === 'new'}>
-        <AddressInput className="ml-4 w-1/2" {...cw4GroupAdminState} />
-      </Conditional>
-      <Conditional test={cw4Method === 'new'}>
-        <div className="my-4 ml-4 w-1/2">
-          <MemberAttributes
-            attributes={memberListState.entries}
-            onAdd={memberListState.add}
-            onChange={memberListState.update}
-            onRemove={memberListState.remove}
-            title="Members"
-          />
+      <div className="grid grid-cols-2 gap-4">
+        <div>
+          <AddressInput className="mt-2 ml-4 w-full" {...splitsAdminState} />
+          <Conditional test={cw4Method === 'new'}>
+            <AddressInput className="mt-2 ml-4 w-full" {...cw4GroupAdminState} />
+          </Conditional>
+          <Conditional test={cw4Method === 'existing'}>
+            <AddressInput className="mt-2 ml-4 w-full" {...cw4GroupAddressState} />
+          </Conditional>
         </div>
-      </Conditional>
-      <Conditional test={cw4Method === 'existing'}>
-        <AddressInput className="ml-4 w-1/2" {...cw4GroupAddressState} />
-      </Conditional>
+        <div>
+          <Conditional test={cw4Method === 'new'}>
+            <div className="ml-4 w-full">
+              <MemberAttributes
+                attributes={memberListState.entries}
+                onAdd={memberListState.add}
+                onChange={memberListState.update}
+                onRemove={memberListState.remove}
+                title="Members"
+              />
+            </div>
+          </Conditional>
+        </div>
+      </div>
 
       <div className="flex items-center p-4">
         <div className="flex-grow" />
diff --git a/pages/contracts/splits/query.tsx b/pages/contracts/splits/query.tsx
index b34f16f..e47c34e 100644
--- a/pages/contracts/splits/query.tsx
+++ b/pages/contracts/splits/query.tsx
@@ -46,7 +46,7 @@ const SplitsQueryPage: NextPage = () => {
     id: 'start-after-string',
     name: 'start-after-string',
     title: 'Start After (optional)',
-    subtitle: 'The public key to start the pagination after',
+    subtitle: 'The member address to start the pagination after',
   })
 
   const paginationLimitState = useNumberInputState({