Merge branch 'testnet3' into mwong/footer-status-page

Author: michellewong793

website/src/tabs/advanced/DecryptAccount.jsx

@@ -43,7 +43,7 @@ export const DecryptAccount = () => {
             : "";
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 6 }, wrapperCol: { span: 21 } };
     useEffect(() => {}, [inputCiphertext, inputPassword]);
     if (aleo !== null) {
         const privateKey = () =>

website/src/tabs/develop/Deploy.jsx

@@ -200,7 +200,7 @@ export const Deploy = () => {
         return privateKey;
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 5 }, wrapperCol: { span: 21 } };
     const privateKeyString = () => (privateKey !== null ? privateKey : "");
     const programString = () => (program !== null ? program : "");
     const feeRecordString = () =>

website/src/tabs/develop/Join.jsx

@@ -141,7 +141,7 @@ export const Join = () => {
         return privateKey;
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 5 }, wrapperCol: { span: 21 } };
     const privateKeyString = () => (privateKey !== null ? privateKey : "");
     const feeRecordString = () => (joinFeeRecord !== null ? joinFeeRecord : "");
     const recordOneString = () => (recordOne !== null ? recordOne : "");

website/src/tabs/develop/Split.jsx

@@ -117,7 +117,7 @@ export const Split = () => {
         return privateKey;
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 5 }, wrapperCol: { span: 21 } };
     const amountString = () => (splitAmount !== null ? splitAmount : "");
     const privateKeyString = () => (privateKey !== null ? privateKey : "");
     const amountRecordString = () =>

website/src/tabs/develop/Transfer.jsx

@@ -200,7 +200,7 @@ export const Transfer = () => {
         },
     ];
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 5}, wrapperCol: { span: 21 } };
     const feeString = () => (transferFee !== null ? transferFee : "");
     const amountString = () => (transferAmount !== null ? transferAmount : "");
     const recipientString = () => (recipient !== null ? recipient : "");

website/src/tabs/develop/execute/index.jsx

@@ -19,7 +19,7 @@ import { useAleoWASM } from "../../../aleo-wasm-hook";
 import { useEffect, useState } from "react";
 import { NewAccount } from "../../account/NewAccount.jsx";
 
-const layout = { labelCol: { span: 4 }, wrapperCol: { span: 18 } };
+const layout = { labelCol: { span: 5 }, wrapperCol: { span: 18 } };
 
 export const Execute = () => {
     const [form] = Form.useForm();

website/src/tabs/record/DecryptRecord.css

@@ -1,3 +1,3 @@
 .container {
-    max-width: 750px;
+    max-width: 850px;
 }

website/src/tabs/record/DecryptRecord.jsx

@@ -71,7 +71,7 @@ export const DecryptRecord = () => {
         setIsOwner(null);
     };
 
-    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 }};
 
     if (aleo !== null) {
         const recordPlaintext = () =>
@@ -133,7 +133,7 @@ export const DecryptRecord = () => {
                     }
                 >
                     <Form {...layout}>
-                        <Form.Item label="Record (Ciphertext)" colon={false}>
+                        <Form.Item label="Ciphertext" colon={false}>
                             <Input
                                 name="recordCiphertext"
                                 size="large"
@@ -166,7 +166,7 @@ export const DecryptRecord = () => {
                     {
                         <Form {...layout}>
                             <Divider />
-                            <Form.Item label="Record (Plaintext)" colon={false}>
+                            <Form.Item label="Decrypted Record" colon={false}>
                                 {plaintext ? (
                                     <Row align="middle">
                                         <Col span={23}>

website/src/tabs/rest/GetBlockByHash.jsx

@@ -39,7 +39,7 @@ export const GetBlockByHash = () => {
         }
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
 
     const blockString = useMemo(() => {
         return blockByHash !== null ? blockByHash.toString() : ""

website/src/tabs/rest/GetBlockByHeight.jsx

@@ -41,7 +41,7 @@ export const GetBlockByHeight = () => {
         }
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
 
     const blockString = useMemo(() => {
         return blockByHeight !== null ? blockByHeight.toString() : ""