style: place catalog status indicators after their labels

frontend/src/shell/database-management/FleetLedgerShell.css

@@ -154,6 +154,8 @@
   min-width: min(100%, 10rem);
   gap: 0.5rem;
   align-items: flex-start;
+  /* Preserve the text inset formerly occupied by the leading marker and gap. */
+  padding-inline-start: 0.95rem;
 }
 
 .thot-fleet-ledger__status-item[data-tone="success"] {
@@ -175,7 +177,6 @@
 .thot-fleet-ledger__status-mark {
   width: 0.45rem;
   height: 0.45rem;
-  margin-top: 0.33rem;
   flex: 0 0 auto;
   border-radius: 999px;
   background: var(--fleet-status-color);
@@ -191,6 +192,9 @@
 
 .thot-fleet-ledger__status-label {
   grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   font-size: var(--text-meta);
 }
 

frontend/src/shell/database-management/FleetLedgerShell.tsx

@@ -159,9 +159,11 @@ export function FleetLedgerRealStatus({
             className="thot-fleet-ledger__status-item"
             data-tone={item.tone ?? "neutral"}
           >
-            <span className="thot-fleet-ledger__status-mark" aria-hidden="true" />
             <span className="thot-fleet-ledger__status-copy">
-              <span className="thot-fleet-ledger__status-label">{item.label}</span>
+              <span className="thot-fleet-ledger__status-label">
+                <span>{item.label}</span>
+                <span className="thot-fleet-ledger__status-mark" aria-hidden="true" />
+              </span>
               <strong className="thot-fleet-ledger__status-value">{item.value}</strong>
               {item.detail ? (
                 <span className="thot-fleet-ledger__status-detail">{item.detail}</span>