Update table styles

src/components/block/BlockDetails.tsx

@@ -100,12 +100,10 @@ export const BlockDetails: FunctionComponent<BlockDetailsProps> = ({
           data={blockData}
           step={10}
           border={{
-            header: {
-              color: "none",
-            },
+            header: false,
             body: {
               color: "border",
-              side: "top",
+              side: "bottom",
               size: "1px",
             },
           }}

src/components/block/BlockList.tsx

@@ -71,12 +71,10 @@ export const BlockList: FunctionComponent<BlockDetailsProps> = ({ block }) => {
         data={blockData}
         step={10}
         border={{
-          header: {
-            color: 'none'
-          },
+          header: false,
           body: {
             color: 'border',
-            side: 'top',
+            side: 'bottom',
             size: '1px'
           }
         }}

src/components/transaction/TransactionDetails.tsx

@@ -188,12 +188,10 @@ export const TransactionDetails: FunctionComponent<TransactionDetailsProps> = ({
           data={txData}
           step={10}
           border={{
-            header: {
-              color: "none",
-            },
+            header: false,
             body: {
               color: "border",
-              side: "top",
+              side: "bottom",
               size: "1px",
             },
           }}

src/components/transaction/helpers.tsx

@@ -91,6 +91,7 @@ export const transactionPropertySort: Record<string, number> = {
 };
 
 export const transactionPropertyDescriptions: Record<string, string> = {
+    Status: "The status of the transaction",
     shardID: "The shard number where the transaction belongs.",
     blockNumber: "The number of the block in which the transaction was recorded.",
     hash: "A TxHash or transaction hash is a unique 66 characters identifier that is generated whenever a transaction is executed.",