From fb577d24827e6bfb8532ac0b499b15fbb15073e1 Mon Sep 17 00:00:00 2001
From: Val Alexander <bunsthedev@gmail.com>
Date: Sun, 22 Feb 2026 06:22:02 -0600
Subject: [PATCH] style(ui): refine layout styles with adjustments to spacing,
 padding, and typography

---
 ui/src/styles/layout.css | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/ui/src/styles/layout.css b/ui/src/styles/layout.css
index 0e5e722c8..3422620ee 100644
--- a/ui/src/styles/layout.css
+++ b/ui/src/styles/layout.css
@@ -736,8 +736,8 @@
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
-  gap: 16px;
-  padding: 4px 0;
+  gap: 12px;
+  padding: 2px 0;
   overflow: hidden;
   transform-origin: top center;
   transition:
@@ -745,7 +745,7 @@
     transform var(--shell-focus-duration) var(--shell-focus-ease),
     max-height var(--shell-focus-duration) var(--shell-focus-ease),
     padding var(--shell-focus-duration) var(--shell-focus-ease);
-  max-height: 80px;
+  max-height: 64px;
 }
 
 .shell--chat-focus .content-header {
@@ -757,24 +757,25 @@
 }
 
 .page-title {
-  font-size: 28px;
-  font-weight: 700;
-  letter-spacing: -0.035em;
-  line-height: 1.15;
+  font-size: 22px;
+  font-weight: 600;
+  letter-spacing: -0.03em;
+  line-height: 1.2;
   color: var(--text-strong);
 }
 
 .page-sub {
   color: var(--muted);
-  font-size: 15px;
+  font-size: 13px;
   font-weight: 400;
-  margin-top: 6px;
+  margin-top: 2px;
   letter-spacing: -0.01em;
 }
 
 .page-meta {
   display: flex;
-  gap: 8px;
+  gap: 6px;
+  align-items: center;
 }
 
 /* Chat view header adjustments */
@@ -782,7 +783,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  gap: 16px;
+  gap: 12px;
 }
 
 .content--chat .content-header > div:first-child {