From 4ec9af9b7c5480a55cdcc6742d2ada2cc29cfa0a Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sat, 15 Aug 2026 23:14:41 +0900 Subject: [PATCH] style(fe): standardize filter inputs in ApprovalQueue page - Input height: 34px (standard KBX compact) - Padding: 0 0.75rem - Line-height: 34px for vertical centering - Box-sizing: border-box for consistent sizing - Change filters from grid to flex layout - Remove margin-bottom (handled by PageLayout) - Filter gap: var(--ks-space-3) (matches other pages) Aligns with PageLayout + ModelsList + ShadowRunQueue standardization. Co-Authored-By: Claude Haiku 4.5 --- .../src/features/approval/pages/ApprovalQueue.vue | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/frontend/src/features/approval/pages/ApprovalQueue.vue b/frontend/src/features/approval/pages/ApprovalQueue.vue index cedc80e7..762d1fb3 100644 --- a/frontend/src/features/approval/pages/ApprovalQueue.vue +++ b/frontend/src/features/approval/pages/ApprovalQueue.vue @@ -380,20 +380,21 @@ h3 { } .filters { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: var(--spacing-4); - margin-bottom: var(--spacing-5); + display: flex; + gap: var(--ks-space-3); } .input { - padding: var(--spacing-2) var(--spacing-3); + height: 34px; + padding: 0 0.75rem; border: var(--border-width-1) solid var(--color-input-border); - border-radius: var(--border-radius-base); + border-radius: 4px; background: var(--color-input-background); color: var(--color-text-primary); - font-size: var(--font-size-sm); + font-size: 13px; font-family: var(--font-sans); + line-height: 34px; + box-sizing: border-box; transition: all var(--transition-fast); }