diff --git a/web/src/lib/api/repo.ts b/web/src/lib/api/repo.ts
index d804a360..b47d9ef5 100644
--- a/web/src/lib/api/repo.ts
+++ b/web/src/lib/api/repo.ts
@@ -126,9 +126,6 @@ export const splitMessage = (message: string): [string, string] => {
 	return [message.slice(0, separator).trim(), message.slice(separator + 2).trim()];
 };
 
-/** the subject is the first paragraph, not the first line */
-export const subjectOf = (message: string): string => splitMessage(message)[0];
-
 const coAuthorPattern = /^Co-authored-by:\s*(.+?)\s*<([^>]+)>/gim;
 
 // trailers carry no date of their own, like types/commit.go every
diff --git a/web/src/lib/components/repo/FileTree.svelte b/web/src/lib/components/repo/FileTree.svelte
index cb6171c4..199595f3 100644
--- a/web/src/lib/components/repo/FileTree.svelte
+++ b/web/src/lib/components/repo/FileTree.svelte
@@ -4,9 +4,10 @@
 	import FileSymlink from "$icon/file-symlink";
 	import Folder from "$icon/folder";
 	import FolderInput from "$icon/folder-input";
-	import { subjectOf } from "$lib/api/repo";
+	import { splitMessage } from "$lib/api/repo";
 	import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
 	import type { TreeEntrySummary } from "./types";
+	import { encodePathSegments } from "./urls";
 
 	interface Props {
 		ownerHandle: string;
@@ -25,7 +26,7 @@
 	const linkFor = (entry: TreeEntrySummary) => {
 		const target = path ? `${path}/${entry.name}` : entry.name;
 		const kind = entry.kind === "directory" ? "tree" : "blob";
-		return `${base}/${kind}/${encodedRef}/${target}`;
+		return `${base}/${kind}/${encodedRef}/${encodePathSegments(target)}`;
 	};
 
 	// lucide puts fill="none" on the path itself, which beats anything inherited
@@ -71,7 +72,7 @@
 							href={resolve(`${base}/commit/${entry.lastCommitHash}` as "/")}
 							class="block truncate text-foreground-subtle no-underline hover:underline"
 						>
-							{subjectOf(entry.lastCommitMessage)}
+							{splitMessage(entry.lastCommitMessage)[0]}
 						</a>
 					{/if}
 				</div>
diff --git a/web/src/lib/components/repo/LastCommitPanel.svelte b/web/src/lib/components/repo/LastCommitPanel.svelte
index e5f1d6a4..0d277a6c 100644
--- a/web/src/lib/components/repo/LastCommitPanel.svelte
+++ b/web/src/lib/components/repo/LastCommitPanel.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { resolve } from "$app/paths";
+	import Avatar from "$lib/components/ui/Avatar.svelte";
 	import TimeAgo from "$lib/components/ui/TimeAgo.svelte";
 	import type { CommitSummary } from "./types";
 
@@ -14,13 +15,14 @@
 	const href = $derived(resolve(`/${ownerHandle}/${repoName}/commit/${commit.hash}` as "/"));
 </script>
 
-<!-- narrow screens get the per-entry times instead, there is no room for both -->
 <div
 	class="mb-3 hidden flex-wrap items-center justify-between gap-2 border-b border-border-default pb-2 text-sm md:flex"
 >
 	<div class="flex min-w-0 flex-wrap items-center gap-2">
 		{#if commit.authorName}
-			<span class="truncate text-foreground-muted">{commit.authorName}</span>
+		    <!-- no email→did mapping yet, always the placeholder -->
+			<Avatar size="size-5" />
+			<span class="truncate text-foreground-default">{commit.authorName}</span>
 			<span class="text-foreground-subtle" aria-hidden="true">&middot;</span>
 		{/if}
 		<a {href} class="min-w-0 truncate text-foreground-default no-underline hover:underline">
diff --git a/web/src/lib/components/repo/Readme.svelte b/web/src/lib/components/repo/Readme.svelte
index 6dc3dc07..75b0173a 100644
--- a/web/src/lib/components/repo/Readme.svelte
+++ b/web/src/lib/components/repo/Readme.svelte
@@ -24,7 +24,7 @@
 		<div class="markup overflow-x-auto px-6 py-4">{@html html}</div>
 	{:else}
 		<div class="overflow-x-auto px-6 py-4">
-			<pre class="font-mono text-sm whitespace-pre-wrap text-foreground-default">{contents}</pre>
+			<pre class="font-mono text-sm whitespace-pre text-foreground-default">{contents}</pre>
 		</div>
 	{/if}
 </div>
diff --git a/web/src/lib/components/repo/RepoHeader.svelte b/web/src/lib/components/repo/RepoHeader.svelte
index bfa48c04..3ad46d9e 100644
--- a/web/src/lib/components/repo/RepoHeader.svelte
+++ b/web/src/lib/components/repo/RepoHeader.svelte
@@ -25,6 +25,45 @@
 	const trimScheme = (url: string) => url.replace(/^https?:\/\//, "").replace(/\/$/, "");
 </script>
 
+{#snippet repoActions(className: string)}
+	<div class={className}>
+		{#if signedIn}
+			<StarButton
+				repoDid={repo.repoDid ?? ""}
+				repoOwnerHandle={repo.ownerHandle}
+				repoName={repo.name}
+				initialCount={counts.stars}
+				initialRkey={viewerStarRkey}
+			/>
+		{:else}
+			<Button
+				href={resolve(`${base}/stars` as "/")}
+				variant="default"
+				size="sm"
+				icon={Star}
+				title="Starred by"
+			>
+				{counts.stars}
+			</Button>
+		{/if}
+
+		<ButtonGroup>
+			<Button
+				href={resolve(`${base}/fork` as "/")}
+				variant="default"
+				size="sm"
+				insetShadow={true}
+				icon={GitFork}
+			>
+				Fork
+			</Button>
+			<Button href={resolve(`${base}/forks` as "/")} variant="ghost" size="sm" title="Forked by">
+				{counts.forks}
+			</Button>
+		</ButtonGroup>
+	</div>
+{/snippet}
+
 <section class="mb-2 px-4 py-2">
 	<div class="mb-2 flex flex-col items-start justify-between gap-4 sm:flex-row">
 		<div class="flex min-w-0 flex-col gap-2">
@@ -59,42 +98,7 @@
 			{/if}
 		</div>
 
-		<div class="flex shrink-0 items-start gap-2">
-			{#if signedIn}
-				<StarButton
-					repoDid={repo.repoDid ?? ""}
-					repoOwnerHandle={repo.ownerHandle}
-					repoName={repo.name}
-					initialCount={counts.stars}
-					initialRkey={viewerStarRkey}
-				/>
-			{:else}
-				<Button
-					href={resolve(`${base}/stars` as "/")}
-					variant="default"
-					size="sm"
-					icon={Star}
-					title="Starred by"
-				>
-					{counts.stars}
-				</Button>
-			{/if}
-
-			<ButtonGroup>
-				<Button
-					href={resolve(`${base}/fork` as "/")}
-					variant="default"
-					size="sm"
-					insetShadow={true}
-					icon={GitFork}
-				>
-					Fork
-				</Button>
-				<Button href={resolve(`${base}/forks` as "/")} variant="ghost" size="sm" title="Forked by">
-					{counts.forks}
-				</Button>
-			</ButtonGroup>
-		</div>
+		{@render repoActions("flex shrink-0 items-start gap-2 hidden sm:flex")}
 	</div>
 
 	<div class="flex flex-wrap items-center gap-x-4 gap-y-2 typography-paragraph-small text-foreground-muted">
@@ -121,4 +125,6 @@
 			</div>
 		{/if}
 	</div>
+
+	{@render repoActions("mt-2 grid grid-cols-2 items-center gap-2 sm:hidden")}
 </section>
diff --git a/web/src/lib/components/repo/RepoIndexView.svelte b/web/src/lib/components/repo/RepoIndexView.svelte
index bac0b764..2b38f90a 100644
--- a/web/src/lib/components/repo/RepoIndexView.svelte
+++ b/web/src/lib/components/repo/RepoIndexView.svelte
@@ -72,7 +72,7 @@
 		/>
 
 		<div class="grid grid-cols-1 gap-2 md:grid-cols-2">
-			<div class="min-w-0 md:border-r md:border-border-default md:pr-2">
+			<div class="min-w-0 pr-2 md:border-r md:border-border-default">
 				<FileTree
 					ownerHandle={repo.ownerHandle}
 					repoName={repo.name}
@@ -81,9 +81,9 @@
 				/>
 			</div>
 
-			<div class="hidden md:block">
+			<div>
 				{#if data.commits.length > 0}
-					<div class="px-2 pb-4">
+					<div class="border-border-default pr-2 pb-4 max-md:border-t max-md:pt-4 md:px-2">
 						<PanelHeader
 							title="Commits"
 							icon={Logs}
@@ -100,7 +100,7 @@
 				{/if}
 
 				{#if data.branches.length > 0}
-					<div class="border-t border-border-default px-2 py-4">
+					<div class="border-t border-border-default py-4 pr-2 md:px-2">
 						<PanelHeader
 							title="Branches"
 							icon={GitBranch}
@@ -118,7 +118,7 @@
 				{/if}
 
 				{#if data.tags.length > 0}
-					<div class="border-t border-border-default px-2 py-4">
+					<div class="border-t border-border-default py-4 pr-2 md:px-2">
 						<PanelHeader
 							title="Tags"
 							icon={Tags}
diff --git a/web/src/lib/components/repo/RepoToolbar.svelte b/web/src/lib/components/repo/RepoToolbar.svelte
index a25e4715..1b863576 100644
--- a/web/src/lib/components/repo/RepoToolbar.svelte
+++ b/web/src/lib/components/repo/RepoToolbar.svelte
@@ -52,21 +52,21 @@
 	<div class="flex items-center gap-3">
 		<a
 			href={resolve(`${base}/commits/${encodedRef}` as "/")}
-			class="inline-flex items-center gap-1 text-sm font-medium text-foreground-default no-underline hover:underline md:hidden"
+			class="inline-flex items-center gap-1 text-sm font-bold text-foreground-default no-underline hover:underline md:hidden"
 		>
 			<GitCommitHorizontal class="size-4" aria-hidden="true" />
 			{totalCommits}
 		</a>
 		<a
 			href={resolve(`${base}/branches` as "/")}
-			class="inline-flex items-center gap-1 text-sm font-medium text-foreground-default no-underline hover:underline md:hidden"
+			class="inline-flex items-center gap-1 text-sm font-bold text-foreground-default no-underline hover:underline md:hidden"
 		>
 			<GitBranch class="size-4" aria-hidden="true" />
 			{totalBranches}
 		</a>
 		<a
 			href={resolve(`${base}/tags` as "/")}
-			class="inline-flex items-center gap-1 text-sm font-medium text-foreground-default no-underline hover:underline md:hidden"
+			class="inline-flex items-center gap-1 text-sm font-bold text-foreground-default no-underline hover:underline md:hidden"
 		>
 			<Tags class="size-4" aria-hidden="true" />
 			{totalTags}