From f6563f22a9a0c9d876f80e8f758b902dcc3bec78 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Tue, 6 Oct 2026 00:05:49 +0200
Subject: Restyle to a flat Miniflux-like design

- hairline separators instead of bordered rows, square corners, no shadows
- white background, system font stack, slimmer headings
- pine green accent; amber warn ramp carries the attention marks (due/late/mid)
- no hover backgrounds: hover is color/fill-state only
- reserve bold nav tab width and the scrollbar gutter so navigation never shifts layout
---
 src/routes/projects/[id]/+page.svelte                            | 5 +----
 src/routes/projects/[projectId]/routine/[routineId]/+page.svelte | 7 ++++---
 2 files changed, 5 insertions(+), 7 deletions(-)

(limited to 'src/routes/projects')

diff --git a/src/routes/projects/[id]/+page.svelte b/src/routes/projects/[id]/+page.svelte
index 0f3e857..37113df 100644
--- a/src/routes/projects/[id]/+page.svelte
+++ b/src/routes/projects/[id]/+page.svelte
@@ -271,18 +271,15 @@
 		gap: 0.5rem;
 		padding: 0.375rem 0.75rem;
 		border: none;
-		border-radius: 0.625rem;
 		background: transparent;
 		color: var(--text-secondary);
 		font-family: inherit;
 		font-size: 0.875rem;
 		font-weight: 500;
 		cursor: pointer;
-		transition: all 0.2s ease;
 	}
 
 	.archived-toggle:hover {
-		background: var(--surface);
 		color: var(--text);
 	}
 
@@ -293,7 +290,7 @@
 	.archived-toggle .count {
 		min-width: 1.25rem;
 		padding: 0 0.375rem;
-		border-radius: 9999px;
+		border: 1px solid var(--border);
 		background: var(--surface);
 		text-align: center;
 		font-size: 0.75rem;
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
index 2dc5427..591f4b7 100644
--- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
+++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
@@ -304,10 +304,11 @@
 	.save-check {
 		position: absolute;
 		right: 1rem;
-		top: 50%;
-		transform: translateY(-50%);
+		top: 0;
+		bottom: 0;
+		display: inline-flex;
+		align-items: center;
 		opacity: 0;
-		transition: opacity 0.2s ease;
 	}
 
 	.save-check.visible {
-- 
cgit v1.3