add extra spacing in the fields

Author: michellewong793

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() : ""

website/src/tabs/rest/GetMappingNames.jsx

@@ -55,7 +55,7 @@ export const GetMappingNames = () => {
         }
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
 
     const mappingString = useMemo(() => {
         return mapping !== null ? mapping : ""

website/src/tabs/rest/GetMappingValue.jsx

@@ -79,7 +79,7 @@ export const GetMappingValue = () => {
         }
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
     const programIDString = () => (programID !== null ? programID : "");
     const mappingNameString = () => (mappingName !== null ? mappingName : "");
     const mappingKeyString = () => (mappingKey !== null ? mappingKey : "");
@@ -122,7 +122,7 @@ export const GetMappingValue = () => {
                     <Input
                         name="mappingName"
                         size="large"
-                        placeholder="Mapping Name"
+                        placeholder="Name"
                         value={mappingNameString()}
                         allowClear={true}
                         onChange={onMappingNameChange}
@@ -132,7 +132,7 @@ export const GetMappingValue = () => {
                     <Input
                         name="mappingKey"
                         size="large"
-                        placeholder="Mapping Key"
+                        placeholder="Key"
                         value={mappingKeyString()}
                         allowClear={true}
                         onChange={onMappingKeyChange}

website/src/tabs/rest/GetProgram.jsx

@@ -53,7 +53,7 @@ export const GetProgram = () => {
         }
     };
 
-    const layout = { labelCol: { span: 3 }, wrapperCol: { span: 21 } };
+    const layout = { labelCol: { span: 4 }, wrapperCol: { span: 21 } };
 
     const programString = useMemo(() => {
         return program !== null ? program : ""

website/src/tabs/rest/GetTransaction.jsx

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