From a282debfbd1353997b5d7dbf96df52743193deae Mon Sep 17 00:00:00 2001
From: Josh Holtrop <jholtrop@gmail.com>
Date: Mon, 13 Apr 2026 22:04:27 -0400
Subject: [PATCH] Move drive capacity to top row of drive card

---
 assets/page.erb | 16 ++++++++++++++++
 cgi-bin/malp.rb |  3 +--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/assets/page.erb b/assets/page.erb
index 8b412e7..61172d3 100644
--- a/assets/page.erb
+++ b/assets/page.erb
@@ -292,6 +292,22 @@
     .subitem-value.warn { color: #fbbf24; }
     .subitem-value.bad  { color: #f87171; }
 
+    /* drive capacity chip (shown inline in card title) */
+    .card-capacity {
+      display: inline-block;
+      font-size: 0.7rem;
+      font-weight: 600;
+      color: #cbd5e1;
+      background: #0f1117;
+      border: 1px solid #1e2433;
+      padding: 0.1rem 0.4rem;
+      border-radius: 4px;
+      margin-left: 0.4rem;
+      text-transform: none;
+      letter-spacing: 0;
+      font-variant-numeric: tabular-nums;
+    }
+
     /* drive type badge */
     .drive-type {
       font-size: 0.6rem;
diff --git a/cgi-bin/malp.rb b/cgi-bin/malp.rb
index ed570ca..588526b 100755
--- a/cgi-bin/malp.rb
+++ b/cgi-bin/malp.rb
@@ -171,9 +171,8 @@ if cgi.params.key?("content")
         html << <<~HTML
           <div class="card #{card_cls} span-2">
             <div class="card-header">
-              <span class="card-title">#{title} <span class="drive-type #{dt}">#{dt.upcase}</span></span>
+              <span class="card-title">#{title} <span class="card-capacity">#{capacity}</span> <span class="drive-type #{dt}">#{dt.upcase}</span></span>
             </div>
-            <div class="card-sub">#{capacity}</div>
             #{stats_block}
           </div>
         HTML