Compare commits

...
Author SHA1 Message Date
abeatrix 7153f800d5 fix: standardize spacing in SessionSummary component
Replace inconsistent marginBottom with marginTop for section headers
and remove unnecessary margins from content boxes. This creates more
uniform spacing between sections by applying top margin to headers
instead of bottom margin to preceding elements.

Changes:
- Remove marginBottom from "Interaction Summary" header
- Change "Performance" header from marginBottom to marginTop
- Remove marginBottom from "Tool Time" box
- Change "Resources" header from marginBottom to marginTop
2026-02-03 08:16:29 +08:00
+4 -4
View File
@@ -68,7 +68,7 @@ export const SessionSummary: React.FC<SessionSummaryProps> = ({ width }) => {
return (
<Box borderColor="gray" borderStyle="single" flexDirection="column" paddingX={1} width={width}>
{/* Header */}
<Box marginBottom={1}>
<Box>
<Text bold>Interaction Summary</Text>
</Box>
@@ -99,7 +99,7 @@ export const SessionSummary: React.FC<SessionSummaryProps> = ({ width }) => {
</Box>
{/* Performance Header */}
<Box marginBottom={0}>
<Box marginTop={1}>
<Text bold>Performance</Text>
</Box>
@@ -130,7 +130,7 @@ export const SessionSummary: React.FC<SessionSummaryProps> = ({ width }) => {
</Box>
{/* Tool Time */}
<Box marginBottom={1}>
<Box>
<Box width={20}>
<Text color="gray"> » Tool Time:</Text>
</Box>
@@ -141,7 +141,7 @@ export const SessionSummary: React.FC<SessionSummaryProps> = ({ width }) => {
</Box>
{/* Resources Header */}
<Box marginBottom={0}>
<Box marginTop={1}>
<Text bold>Resources</Text>
</Box>