From 6787fd15a233965148def3d831cb3d60456f2def Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 8 Jun 2026 05:02:31 +0000
Subject: [PATCH] Put base currency on the same row as staff and period

Switch claimant card from cols-3 (staff | period-group | currency on
its own row) to cols-4 (staff | from | to | currency), all one line.

https://claude.ai/code/session_01JyuActqTJG5tuRQNLmT7fZ
---
 app/index.html | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/app/index.html b/app/index.html
index 9a4bcc6..e96c2ff 100644
--- a/app/index.html
+++ b/app/index.html
@@ -825,13 +825,10 @@ function render() {
 
   const claimCard = el('div', {className:'kb-card'});
   claimCard.appendChild(el('h2', {className:'kb-card__title'}, 'Claimant'));
-  const claimGrid = el('div', {className:'kb-grid cols-3'});
-  claimGrid.appendChild(kbField('Staff', staffWrap, {cls:''}));
-  // Period from + to span col 2-3
-  const periodGroup = el('div', {style:{display:'grid', gridTemplateColumns:'1fr 1fr', gap:'14px 16px', gridColumn:'span 2'}});
-  periodGroup.appendChild(kbField('Period from', fromInput));
-  periodGroup.appendChild(kbField('Period to', toInput));
-  claimGrid.appendChild(periodGroup);
+  const claimGrid = el('div', {className:'kb-grid cols-4'});
+  claimGrid.appendChild(kbField('Staff', staffWrap));
+  claimGrid.appendChild(kbField('Period from', fromInput));
+  claimGrid.appendChild(kbField('Period to', toInput));
   claimGrid.appendChild(kbField('Base currency', baseCurDD));
   claimCard.appendChild(claimGrid);
   wrap.appendChild(claimCard);