From c4c447a0b7694c40f9c3da48ad548ba0ef6a8eff Mon Sep 17 00:00:00 2001
From: bigpoppa-sys <chris@syscoin.org>
Date: Tue, 28 Apr 2026 16:10:31 +1000
Subject: [PATCH] Polish governance copy and proposal rows

---
 src/App.css             | 13 +++++++------
 src/pages/Governance.js | 16 +++++++---------
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/App.css b/src/App.css
index ded98d1..edd604b 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1354,14 +1354,15 @@
 }
 
 .proposal-row__meta-line {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px 8px;
+  display: grid;
+  gap: 4px;
   font-size: 0.84rem;
 }
 
-.proposal-row__meta-separator {
-  color: rgba(44, 74, 117, 0.28);
+.proposal-row__sponsor,
+.proposal-row__created {
+  display: block;
+  line-height: 1.3;
 }
 
 .proposal-row__metric {
@@ -2468,6 +2469,7 @@
    taller if the label wraps. */
 .proposal-row__status .status-chip {
   max-width: 100%;
+  justify-content: center;
   white-space: normal;
   overflow-wrap: anywhere;
   word-break: break-word;
@@ -4818,4 +4820,3 @@
     flex: 1 1 auto;
   }
 }
-
diff --git a/src/pages/Governance.js b/src/pages/Governance.js
index c7bae33..9f22079 100644
--- a/src/pages/Governance.js
+++ b/src/pages/Governance.js
@@ -22,7 +22,6 @@ import {
   formatDateFromEpoch,
   formatNumber,
   formatPercent,
-  formatShortDate,
   formatUtcTime,
   getProposalDurationMonths,
   parseNumber,
@@ -125,7 +124,7 @@ function ProposalRow({
   );
 
   const proposalTitle = proposal.title || proposal.name;
-  const statusLabel = passing ? 'Passing' : 'Not enough votes';
+  const statusLabel = passing ? 'Passing' : 'Not Enough Votes';
 
   async function copyCommand(direction) {
     try {
@@ -238,10 +237,9 @@ function ProposalRow({
         <h3>{proposalTitle}</h3>
         <div className="proposal-row__meta-line">
           <span className="proposal-row__sponsor">{proposal.name}</span>
-          <span className="proposal-row__meta-separator" aria-hidden="true">
-            •
+          <span className="proposal-row__created">
+            Created {formatDateFromEpoch(proposal.CreationTime)}
           </span>
-          <span>Created {formatDateFromEpoch(proposal.CreationTime)}</span>
         </div>
       </div>
 
@@ -565,7 +563,7 @@ export default function Governance() {
         <div className="site-wrap page-hero__layout page-hero__layout--governance">
           <div>
             <p className="eyebrow">Syscoin Governance</p>
-            <h1>Keep up with governance.</h1>
+            <h1>Keeping up with Governance.</h1>
             <p className="page-hero__copy">
               See what is up for vote, how much has been requested, when voting closes, and when the next superblock lands.
             </p>
@@ -592,7 +590,7 @@ export default function Governance() {
             <div className="governance-summary__item">
               <span>Voting Deadline</span>
               <strong>
-                {superblockStats ? formatShortDate(superblockStats.voting_deadline) : 'Loading...'}
+                {superblockStats ? formatDayMonth(superblockStats.voting_deadline) : 'Loading...'}
               </strong>
               <small>
                 {superblockStats
@@ -630,8 +628,8 @@ export default function Governance() {
               <p>
                 <strong>Vote in one click.</strong>{' '}
                 <Link to="/login">Log in</Link> and import your
-                sentry node voting keys on the{' '}
-                <Link to="/account">Account page</Link> to vote
+                Sentry Node voting keys on the{' '}
+                <Link to="/account">Account Page</Link> to vote
                 without leaving the browser — no CLI needed.
               </p>
             </div>