From 5612bfe37ff1d07364dc394cff2d64421b78c4a8 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Fri, 27 Mar 2026 14:54:31 +0000
Subject: [PATCH] tweak(ui): timeline css changes

---
 packages/ui/src/components/markdown.css     | 28 ++++++++++-----------
 packages/ui/src/components/message-part.css |  6 ++---
 packages/ui/src/components/session-turn.css |  4 +--
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/ui/src/components/markdown.css b/packages/ui/src/components/markdown.css
index f82723807d..b694026e4c 100644
--- a/packages/ui/src/components/markdown.css
+++ b/packages/ui/src/components/markdown.css
@@ -6,7 +6,7 @@
   color: var(--text-strong);
   font-family: var(--font-family-sans);
   font-size: var(--font-size-base); /* 14px */
-  line-height: var(--line-height-x-large);
+  line-height: 160%;
 
   /* Spacing for flow */
   > *:first-child {
@@ -23,7 +23,7 @@
   h4,
   h5,
   h6 {
-    font-size: var(--font-size-base);
+    font-size: 14px;
     color: var(--text-strong);
     font-weight: var(--font-weight-medium);
     margin-top: 2rem;
@@ -40,7 +40,7 @@
 
   /* Paragraphs */
   p {
-    margin-bottom: 1rem;
+    margin-bottom: 12px;
   }
 
   /* Links */
@@ -58,10 +58,10 @@
   /* Lists */
   ul,
   ol {
-    margin-top: 0.5rem;
-    margin-bottom: 1rem;
+    margin-top: 8px;
+    margin-bottom: 24px;
     margin-left: 0;
-    padding-left: 1.5rem;
+    padding-left: 24px;
     list-style-position: outside;
   }
 
@@ -75,7 +75,7 @@
   }
 
   li {
-    margin-bottom: 0.5rem;
+    margin-bottom: 8px;
   }
 
   li > p:first-child {
@@ -107,8 +107,8 @@
   /* Blockquotes */
   blockquote {
     border-left: 2px solid var(--border-weak-base);
-    margin: 1.5rem 0;
-    padding-left: 0.5rem;
+    margin: 16px 0;
+    padding-left: 12px;
     color: var(--text-weak);
     font-style: normal;
   }
@@ -117,12 +117,12 @@
   hr {
     border: none;
     height: 0;
-    margin: 2.5rem 0;
+    margin: 32px 0;
   }
 
   .shiki {
     font-size: 13px;
-    padding: 8px 12px;
+    padding: 12px;
     border-radius: 6px;
     border: 0.5px solid var(--border-weak-base);
   }
@@ -201,7 +201,7 @@
   }
 
   pre {
-    margin-top: 2rem;
+    margin-top: 12px;
     margin-bottom: 2rem;
     overflow: auto;
 
@@ -229,7 +229,7 @@
   table {
     width: 100%;
     border-collapse: collapse;
-    margin: 1.5rem 0;
+    margin: 24px 0;
     font-size: var(--font-size-base);
     display: block;
     overflow-x: auto;
@@ -239,7 +239,7 @@
   td {
     /* Minimal borders for structure, matching TUI "lines" roughly but keeping it web-clean */
     border-bottom: 1px solid var(--border-weaker-base);
-    padding: 0.75rem 0.5rem;
+    padding: 12px;
     text-align: left;
     vertical-align: top;
   }
diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css
index bb16581d66..571eac6d6f 100644
--- a/packages/ui/src/components/message-part.css
+++ b/packages/ui/src/components/message-part.css
@@ -132,7 +132,7 @@
     overflow: hidden;
     background: var(--surface-base);
     border: 1px solid var(--border-weak-base);
-    padding: 8px 12px;
+    padding: 12px;
     border-radius: 6px;
 
     [data-highlight="file"] {
@@ -283,9 +283,9 @@
   line-height: var(--line-height-normal);
 
   [data-component="markdown"] {
-    margin-top: 24px;
+    margin-top: 12px;
     font-style: normal;
-    font-size: var(--font-size-base);
+    font-size: 13px;
     color: var(--text-weak);
 
     strong,
diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css
index c4a8726ac5..cfb04f6254 100644
--- a/packages/ui/src/components/session-turn.css
+++ b/packages/ui/src/components/session-turn.css
@@ -26,7 +26,7 @@
     align-items: flex-start;
     align-self: stretch;
     min-width: 0;
-    gap: 18px;
+    gap: 16px;
     overflow-anchor: none;
   }
 
@@ -228,5 +228,5 @@
 }
 
 [data-slot="session-turn-list"] {
-  gap: 48px;
+  gap: 32px;
 }