From 80741aa286d45f9bb5e8545aa3793266c6823e06 Mon Sep 17 00:00:00 2001
From: Randall Naar <rnd.naar@gmail.com>
Date: Thu, 20 Aug 2026 14:23:44 -0400
Subject: [PATCH] Fixed casing and layout issues.

---
 client/src/components/block-details-card.js   |  3 ++-
 client/src/components/high-value-assets.js    |  2 +-
 client/src/views/blocks.js                    |  9 +--------
 client/src/views/overview.js                  |  2 +-
 .../src/views/pending-block-details-card.js   |  2 +-
 client/src/views/transactions.js              |  2 +-
 lang/strings.txt                              |  4 +++-
 test/block-details-card.test.js               |  7 ++++---
 www/style.css                                 | 20 ++-----------------
 9 files changed, 16 insertions(+), 35 deletions(-)

diff --git a/client/src/components/block-details-card.js b/client/src/components/block-details-card.js
index 7c8fa0c8..4d835b19 100644
--- a/client/src/components/block-details-card.js
+++ b/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.`}
diff --git a/client/src/components/high-value-assets.js b/client/src/components/high-value-assets.js
index cbcde1e5..845d9660 100644
--- a/client/src/components/high-value-assets.js
+++ b/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>
diff --git a/client/src/views/blocks.js b/client/src/views/blocks.js
index 176cdb8b..81cab206 100644
--- a/client/src/views/blocks.js
+++ b/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>
diff --git a/client/src/views/overview.js b/client/src/views/overview.js
index 17ea5116..0bd0f498 100644
--- a/client/src/views/overview.js
+++ b/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.`
diff --git a/client/src/views/pending-block-details-card.js b/client/src/views/pending-block-details-card.js
index 0377c9df..87bce173 100644
--- a/client/src/views/pending-block-details-card.js
+++ b/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,
diff --git a/client/src/views/transactions.js b/client/src/views/transactions.js
index 3d4f90ea..b191098b 100644
--- a/client/src/views/transactions.js
+++ b/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>
diff --git a/lang/strings.txt b/lang/strings.txt
index e82c5566..ade01bcd 100644
--- a/lang/strings.txt
+++ b/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
diff --git a/test/block-details-card.test.js b/test/block-details-card.test.js
index c00e8257..eb4e5533 100644
--- a/test/block-details-card.test.js
+++ b/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",
diff --git a/www/style.css b/www/style.css
index b36f63d8..82cd233c 100644
--- a/www/style.css
+++ b/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%;
   }