Fixed casing and layout issues.

client/src/components/block-details-card.js

@@ -115,6 +115,7 @@ const ExpandedBlockDetails = ({ block, previousBlock, t }) => {
       <InfoCard
         className="block-detail-panel-full"
         title={t`Block hash`}
+        tooltip={t`Unique identifier for this block.`}
         value={block.id || "N/A"}
       />
       {BlockSignatures ? (
@@ -231,7 +232,7 @@ const BlockDetailsCard = ({
           <div className="block-details-card-progress">
             <div className="block-details-card-progress-header">
               <div className="block-details-card-progress-title">
-                <p>{t`Block filling`}</p>
+                <p>{t`BLOCK FILLING`}</p>
                 <Tooltip
                   iconSrc={`${staticRoot}img/icons/tooltip.svg`}
                   text={t`How full the block is.`}

client/src/components/high-value-assets.js

@@ -62,7 +62,7 @@ export const highValueAssets = (t, assetData = {}) => {
         })}
       </div>
       <a className="view-more font-link-semibold" href="assets">
-        <span>{t`See more`}</span>
+        <span>{t`See More`}</span>
         <div>
           <img alt="" src={`${staticRoot}img/icons/arrow-right-blue.svg`} />
         </div>

client/src/views/blocks.js

@@ -63,13 +63,6 @@ export const blks = (blocks, viewMore, { t, ...S }) => {
           ""
         )}
 
-        {viewMore ? (
-          <svg className="blocks-history-divider" aria-hidden="true">
-            <line x1="1" y1="2" x2="100%" y2="2" />
-          </svg>
-        ) : (
-          ""
-        )}
         {viewMore ? (
           <p className="blocks-section-title">{t`Blocks History`}</p>
         ) : ""}
@@ -156,7 +149,7 @@ export const blks = (blocks, viewMore, { t, ...S }) => {
 
         {blocks && viewMore ? (
           <a className="view-more font-link-semibold" href="blocks/recent">
-            <span>{t`See more`}</span>
+            <span>{t`See More`}</span>
             <div>
               <img alt="" src={`${staticRoot}img/icons/arrow-right-blue.svg`} />
             </div>

client/src/views/overview.js

@@ -37,7 +37,7 @@ export const overview = ({
       <p className="section-title">{t`Overview`}</p>
       <div className="overview-body">
         <InfoCard
-          title={t`Time since last block`}
+          title={t`Time Since Last Block`}
           tooltip={
             isBitcoinNetwork
               ? t`Elapsed time since the last block confirmed. Bitcoin targets one every ~10 minutes.`

client/src/views/pending-block-details-card.js

@@ -445,7 +445,7 @@ const PendingBlockDetailsCard = ({
 
           <div className="pending-block-progress">
             <div className="pending-block-filling">
-              <p>{t`Block filling`}</p>
+              <p>{t`BLOCK FILLING`}</p>
               <p className="usage-number">
                 {formatPercentage(
                   weightPercentage,

client/src/views/transactions.js

@@ -76,7 +76,7 @@ export const transactions = (txs, viewMore, { t, ...S }) => (
         {txs && viewMore ? (
           <div className="transaction-table-view-more-container">
             <a className="view-more font-link-semibold" href="tx/recent">
-              <span>{t`See more`}</span>
+              <span>{t`See More`}</span>
               <div>
                 <img alt="" src={`${staticRoot}img/icons/arrow-right-blue.svg`} />
               </div>

lang/strings.txt

@@ -26,7 +26,7 @@ Block #%s: %s
 Block Signatures
 Block timestamp
 Block Weight
-Block filling
+BLOCK FILLING
 Block weight divided by four.
 Broadcast raw transaction (hex)
 Broadcast transaction
@@ -156,6 +156,7 @@ scriptPubKey (hex)
 scriptSig (asm)
 scriptSig (hex)
 Search for block height, hash, transaction, or address
+See More
 SegWit fee savings
 Sending exact amounts (with no change) is an indication the bitcoins likely didn't change hands.
 Sending to a different script type
@@ -210,6 +211,7 @@ Unknown
 unknown (%s from tip)
 Unnecessary input heuristic
 Unspent
+Unique identifier for this block.
 Using round payment amounts gives an indication of which output is the payment and which is the change. Padding payment amounts to use all available precision resolves this issue.
 Value
 Value commitment

test/block-details-card.test.js

@@ -79,7 +79,7 @@ test("passes block detail copy through localization", () => {
     "Block hash",
     "Block Weight",
     "Block is %s% full",
-    "Block filling",
+    "BLOCK FILLING",
     "Block utilization unavailable",
     "Block weight divided by four.",
     "Commitment to all transactions included in the block.",
@@ -93,6 +93,7 @@ test("passes block detail copy through localization", () => {
     "Time Since Last Block",
     "Time elapsed between this block and the previous block.",
     "Transactions",
+    "Unique identifier for this block.",
     "Version",
     "Version bits recorded in the block header.",
     "Virtual size",
@@ -221,7 +222,7 @@ test("uses the template limit for pending block utilization", () => {
     html,
     /aria-label="Block is 50% full"/,
   );
-  assert.match(html, />Block filling</);
+  assert.match(html, />BLOCK FILLING</);
 });
 
 test("counts down from the last block to the configured expected interval", () => {
@@ -268,7 +269,7 @@ test("passes pending block copy through localization", () => {
     "Next Block",
     "Details",
     "SIZE",
-    "Block filling",
+    "BLOCK FILLING",
     "Transactions",
     "Block Weight",
     "Pending Transactions",

www/style.css

@@ -5025,7 +5025,7 @@ a.back-link img{
 
 .expanded-pending-block-details {
   display: flex;
-  margin-top: 32px;
+  margin-top: 16px;
 }
 
 .expanded-pending-block-grid-container {
@@ -5317,23 +5317,8 @@ a.back-link img{
   background-color: var(--surface-primary-color);
 }
 
-.blocks-history-divider {
-  display: block;
-  width: 100%;
-  height: 4px;
-  margin-top: 20px;
-  overflow: visible;
-}
-
-.blocks-history-divider line {
-  stroke: var(--foreground-muted);
-  stroke-width: 2;
-  stroke-dasharray: 8 8;
-  stroke-linecap: round;
-}
-
 .blocks-section-title {
-  margin: 20px 0 0;
+  margin-top: 24px;
   color: var(--foreground-muted);
   font-family: "Rigid Square", sans-serif;
   font-size: 14px;
@@ -5467,7 +5452,6 @@ a.back-link img{
   }
 
   .expanded-pending-block-grid-container {
-    margin: 16px 0;
     width: 100%;
   }