From a94d88be87d6bbbb61da418536167c0cc673af1b Mon Sep 17 00:00:00 2001
From: iamnbutler <iamnbutler@github.com>
Date: Wed, 7 Oct 2026 14:27:03 -0400
Subject: [PATCH] fix(ui): tighten navigation and channel details sizing

---
 apps/app/src/channel-access.tsx                             | 2 +-
 apps/app/src/navigation.tsx                                 | 4 ++--
 .../ui/src/components/session-details/session-details.tsx   | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/app/src/channel-access.tsx b/apps/app/src/channel-access.tsx
index 52021ee..9e27a25 100644
--- a/apps/app/src/channel-access.tsx
+++ b/apps/app/src/channel-access.tsx
@@ -75,7 +75,7 @@ export function ChannelAccess({ channel, user }: { channel: Listing; user: strin
 		<div
 			role="group"
 			aria-label="Channel access"
-			className="flex shrink-0 items-center gap-0.5 electrobun-webkit-app-region-no-drag"
+			className="mr-2 flex shrink-0 items-center gap-0.5 electrobun-webkit-app-region-no-drag"
 		>
 			<AccessToggle
 				label="Collaborator agent access"
diff --git a/apps/app/src/navigation.tsx b/apps/app/src/navigation.tsx
index a4ddd35..f7ab68b 100644
--- a/apps/app/src/navigation.tsx
+++ b/apps/app/src/navigation.tsx
@@ -56,7 +56,7 @@ export function Navigation({ page, user, github, onPage, onSettings }: {
 				</NavListLink>
 				<NavListLink
 					href="#issues"
-					icon={<IconIssue />}
+					icon={<IconIssue className="size-4" />}
 					active={page === "issues"}
 					shortcut="⌘3"
 					onClick={(event) => {
@@ -68,7 +68,7 @@ export function Navigation({ page, user, github, onPage, onSettings }: {
 				</NavListLink>
 				<NavListLink
 					href="#prs"
-					icon={<IconPullRequest />}
+					icon={<IconPullRequest className="size-4" />}
 					active={page === "prs"}
 					shortcut="⌘4"
 					onClick={(event) => {
diff --git a/packages/ui/src/components/session-details/session-details.tsx b/packages/ui/src/components/session-details/session-details.tsx
index e8d31b3..29a123a 100644
--- a/packages/ui/src/components/session-details/session-details.tsx
+++ b/packages/ui/src/components/session-details/session-details.tsx
@@ -56,7 +56,7 @@ export type SessionDetailsViewProps = {
 
 const LINKS = 5;
 const ROW =
-	"-mx-2 flex min-w-0 items-center gap-2 rounded-md squircle px-2 py-1 text-left text-sm text-foreground outline-none transition-colors focus-visible:outline-2 focus-visible:outline-ring/50";
+	"-mx-2 flex min-w-0 items-center gap-2 rounded-md squircle px-2 py-1 text-left text-xs text-foreground outline-none transition-colors focus-visible:outline-2 focus-visible:outline-ring/50";
 const ACTIVE = "hover:bg-muted/60 focus-visible:bg-muted/60";
 const GLYPH = "size-4 shrink-0";
 
@@ -232,7 +232,7 @@ export function SessionDetailsView(
 						<IconX aria-hidden />
 					</Button>
 				</div>
-				<p className="text-sm leading-snug whitespace-pre-wrap break-words text-foreground">
+				<p className="line-clamp-4 text-xs leading-snug whitespace-pre-wrap break-words text-foreground">
 					{summary || "No summary yet."}
 				</p>
 			</section>
@@ -307,7 +307,7 @@ export function SessionDetailsView(
 
 			{facts && facts.length > 0 && (
 				<Section title="Channel">
-					<dl className="grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1.5 text-sm">
+					<dl className="grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-1.5 text-xs">
 						{facts.map((fact) => (
 							<div key={fact.label} className="contents">
 								<dt className="text-muted-foreground">{fact.label}</dt>