From fb56ada1cd15f0c5d0b8c46d511317aefa0a284a Mon Sep 17 00:00:00 2001
From: xarmian <xarmian@gmail.com>
Date: Thu, 16 Apr 2026 14:03:49 -0400
Subject: [PATCH] fix: align Starred page layout with sibling pages (BUG-579)
 (#129)

The Starred page used hardcoded layout values (max-width: 800px,
asymmetric padding, vertically-stacked header, smaller h1) while
every other workspace page uses the shared design tokens. Swap to
the canonical pattern from activity/+page.svelte so the page feels
consistent with Activity, Conventions, Settings, etc.

- max-width: 800px -> var(--content-max-width) (960px)
- padding: var(--space-6) var(--space-6) var(--space-12) -> var(--space-8) var(--space-6)
- .page-header: flex row with justify-content: space-between
- .header-top renamed to .page-header-left; redundant margin-bottom removed
- h1 font-size: 1.5em -> 1.6em
---
 .../[username]/[workspace]/starred/+page.svelte  | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/web/src/routes/[username]/[workspace]/starred/+page.svelte b/web/src/routes/[username]/[workspace]/starred/+page.svelte
index 7839f603..635b1fcd 100644
--- a/web/src/routes/[username]/[workspace]/starred/+page.svelte
+++ b/web/src/routes/[username]/[workspace]/starred/+page.svelte
@@ -93,7 +93,7 @@
 
 <div class="starred-page">
 	<div class="page-header">
-		<div class="header-top">
+		<div class="page-header-left">
 			<h1>⭐ Starred</h1>
 			<span class="item-count">{items.length} item{items.length !== 1 ? 's' : ''}</span>
 		</div>
@@ -141,24 +141,28 @@
 
 <style>
 	.starred-page {
-		max-width: 800px;
+		max-width: var(--content-max-width);
 		margin: 0 auto;
-		padding: var(--space-6) var(--space-6) var(--space-12);
+		padding: var(--space-8) var(--space-6);
 	}
 
 	.page-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: var(--space-4);
 		margin-bottom: var(--space-6);
+		flex-wrap: wrap;
 	}
 
-	.header-top {
+	.page-header-left {
 		display: flex;
 		align-items: baseline;
 		gap: var(--space-3);
-		margin-bottom: var(--space-3);
 	}
 
 	.page-header h1 {
-		font-size: 1.5em;
+		font-size: 1.6em;
 		font-weight: 700;
 		color: var(--text-primary);
 		margin: 0;