diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index 35aa56dea..e6e4ba7a6 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -28,7 +28,7 @@ align-items: flex-start; align-self: stretch; min-width: 0; - gap: 28px; + gap: 18px; overflow-anchor: none; [data-slot="session-turn-badge"] { @@ -60,7 +60,7 @@ background-color: var(--background-stronger); margin-left: -9px; padding-left: 9px; - padding-bottom: 12px; + /* padding-bottom: 12px; */ display: flex; flex-direction: column; gap: 12px; @@ -479,9 +479,8 @@ width: fit-content; display: flex; align-items: center; - gap: 4px; + gap: 8px; color: var(--text-weak); - margin-left: -9px; [data-component="spinner"] { width: 12px; @@ -527,6 +526,10 @@ flex-direction: column; align-self: stretch; gap: 12px; + margin-left: 12px; + padding-left: 12px; + padding-right: 12px; + border-left: 1px solid var(--border-base); > :first-child>[data-component="markdown"]:first-child { margin-top: 0; diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx index 27b256d3c..5b759c739 100644 --- a/packages/ui/src/components/session-turn.tsx +++ b/packages/ui/src/components/session-turn.tsx @@ -536,12 +536,19 @@ export function SessionTurn( data-slot="session-turn-collapsible-trigger-content" variant="ghost" size="small" - onClick={props.onStepsExpandedToggle ?? (() => {})} + onClick={props.onStepsExpandedToggle ?? (() => { })} aria-expanded={props.stepsExpanded} > - - - + + + + + + + + + + @@ -567,9 +574,6 @@ export function SessionTurn( {store.duration} - 0}> - -