From 9bbed04b67f1bfed6c3252705bbcd4a08801ab15 Mon Sep 17 00:00:00 2001
From: ngundotra <noah@gundotra.org>
Date: Sat, 6 Jan 2024 18:35:17 -0500
Subject: [PATCH] Arguments top border, align arguments input box

---
 app/api/program-interface/resolution.ts       |  2 +-
 .../account/ProgramInterfaceCard.tsx          | 45 +++++++++++--------
 2 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/app/api/program-interface/resolution.ts b/app/api/program-interface/resolution.ts
index 12165cf2..f34aadd0 100644
--- a/app/api/program-interface/resolution.ts
+++ b/app/api/program-interface/resolution.ts
@@ -40,7 +40,7 @@ export async function resolveRemainingAccounts(
         addressLookupTableAccounts: slut ? [lookupTable!] : undefined,
         instructions: PRE_INSTRUCTIONS.concat(instructions),
         payerKey: payer,
-        recentBlockhash: (await connection.getLatestBlockhash()).blockhash,
+        recentBlockhash: (await connection.getLatestBlockhashAndContext()).value.blockhash,
     });
     const transaction = new anchor.web3.VersionedTransaction(message);
 
diff --git a/app/components/account/ProgramInterfaceCard.tsx b/app/components/account/ProgramInterfaceCard.tsx
index 6de6b182..ef81a1ba 100644
--- a/app/components/account/ProgramInterfaceCard.tsx
+++ b/app/components/account/ProgramInterfaceCard.tsx
@@ -426,9 +426,9 @@ function MsaInstructionCard({
 
                     {ix.args.length > 0 ? (
                         <>
-                            <div className="card-header">
+                            <div className="card-header" style={{ borderTop: '1px solid #282d2b' }}>
                                 <div className="row align-items-center">
-                                    <div className="col" style={{ display: 'flex', flexDirection: 'row' }}>
+                                    <div className="col ">
                                         <h3 className="card-header-title">Arguments</h3>
                                     </div>
                                 </div>
@@ -449,23 +449,32 @@ function MsaInstructionCard({
                                                     <td>{arg.name}</td>
                                                     <td>{arg.type.toString()}</td>
                                                     <td>
-                                                        <input
-                                                            type="input"
-                                                            className="form-control"
-                                                            style={{ width: '100%' }}
-                                                            id={`card-input-${ix.name}-${arg.name}-${key}`}
-                                                            value={inputArgumentValues[key] || ''}
-                                                            onChange={e => {
-                                                                setInputArgumentValues({
-                                                                    ...inputAccountValues,
-                                                                    [key]: e.target.value,
-                                                                });
+                                                        <div
+                                                            style={{
+                                                                alignItems: 'center',
+                                                                display: 'flex',
+                                                                flexDirection: 'row',
+                                                                width: '100%',
                                                             }}
-                                                        />
-                                                        <label
-                                                            className="form-check-label"
-                                                            htmlFor={`card-input-${ix.name}-${arg.name}-${key}`}
-                                                        ></label>
+                                                        >
+                                                            <input
+                                                                type="input"
+                                                                className="form-control"
+                                                                style={{ width: '100%' }}
+                                                                id={`card-input-${ix.name}-${arg.name}-${key}`}
+                                                                value={inputArgumentValues[key] || ''}
+                                                                onChange={e => {
+                                                                    setInputArgumentValues({
+                                                                        ...inputAccountValues,
+                                                                        [key]: e.target.value,
+                                                                    });
+                                                                }}
+                                                            />
+                                                            <label
+                                                                className="form-check-label"
+                                                                htmlFor={`card-input-${ix.name}-${arg.name}-${key}`}
+                                                            ></label>
+                                                        </div>
                                                     </td>
                                                 </tr>
                                             );