From 0374f9f4c2f2534d41d86b248d6b8774073fc14f Mon Sep 17 00:00:00 2001
From: dsutanto <dedy.sutanto@saltis.id>
Date: Tue, 4 Aug 2026 16:31:08 +0700
Subject: [PATCH] responsive: perbaikan wrap timestamp & bobot panjang di
 mobile

---
 static/style.css     | 6 ++++++
 templates/index.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index e1428f9..d9a4f55 100644
--- a/static/style.css
+++ b/static/style.css
@@ -90,6 +90,10 @@ body {
   color: var(--muted);
   margin-top: var(--sp-md);
 }
+.caption .ts {
+  display: inline-block;
+  white-space: nowrap;
+}
 
 /* ————— stats band ————— */
 .stats {
@@ -285,6 +289,8 @@ button.pill {
   .list-row .stake,
   .list-row .weight { grid-column: 2; }
   .list-row .stake { text-align: left; }
+  .list-row .stake,
+  .list-row .weight { overflow-wrap: anywhere; }
   .list-row .stake::before,
   .list-row .weight::before {
     content: attr(data-label);
diff --git a/templates/index.html b/templates/index.html
index 94f0e4b..35bd2cb 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -20,7 +20,7 @@
     <section class="hero">
       <p class="caption">PEMILIH BP · SUARA TUNGGAL · STAKE ≥ 1.000 VEX</p>
       <h1 class="display-xl">DAFTAR PEMILIH</h1>
-      <p class="caption">PEMINDAIAN TERAKHIR · {{ scanned }}</p>
+      <p class="caption">PEMINDAIAN TERAKHIR · <span class="ts">{{ scanned }}</span></p>
     </section>
 
     <section class="stats">