From 69f86d070b486f0aebc6a8ec3fdb7d5b6244e31a Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Fri, 10 Apr 2026 22:28:51 +0200
Subject: [PATCH] ui: clean template markup and controls

---
 internal/shared/ui/sort_filter.templ |  4 ----
 internal/templates/auth.templ        | 10 +++++-----
 internal/templates/catalog.templ     |  2 +-
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/internal/shared/ui/sort_filter.templ b/internal/shared/ui/sort_filter.templ
index 6a71242..fb7c375 100644
--- a/internal/shared/ui/sort_filter.templ
+++ b/internal/shared/ui/sort_filter.templ
@@ -24,10 +24,6 @@ templ SortFilter(opts SortFilterOptions) {
 				<option value="asc" selected?={ opts.Order == "asc" }>Ascending</option>
 			</select>
 		</div>
-		<div class="sort-filter-group density-group" aria-hidden="true">
-			<span class="density-label">Density</span>
-			<button type="button" class="density-toggle" id="density-toggle" onclick="document.body.classList.toggle('density-compact')">Compact</button>
-		</div>
 	</div>
 	<form id="sort-form" method="get" class="is-hidden">
 		<input type="hidden" name="sort" id="sort-input" value={ opts.Sort }/>
diff --git a/internal/templates/auth.templ b/internal/templates/auth.templ
index 5ea5285..7ed39db 100644
--- a/internal/templates/auth.templ
+++ b/internal/templates/auth.templ
@@ -16,8 +16,8 @@ templ Login() {
 				</div>
 				<button type="submit" class="login-button">Sign in</button>
 			</form>
-			<p style="margin-top: 1rem; text-align: center; color: var(--text-muted); font-size: var(--text-sm);">
-				Don't have an account? <a href="/register" style="color: var(--primary);">Register</a>
+			<p class="auth-switch-row">
+				Don't have an account? <a href="/register">Register</a>
 			</p>
 		</div>
 	}
@@ -37,13 +37,13 @@ templ Register() {
 					<label for="password">Password</label>
 					<input type="password" id="password" name="password" required placeholder="Minimum 12 chars"/>
 				</div>
-				<p style="font-size: 0.75rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.4;">
+				<p class="auth-password-note">
 					Password must be at least 12 characters and include an uppercase letter, lowercase letter, number, and special character.
 				</p>
 				<button type="submit" class="login-button">Create account</button>
 			</form>
-			<p style="margin-top: 1rem; text-align: center; color: var(--text-muted); font-size: var(--text-sm);">
-				Already have an account? <a href="/login" style="color: var(--primary);">Sign in</a>
+			<p class="auth-switch-row">
+				Already have an account? <a href="/login">Sign in</a>
 			</p>
 		</div>
 	}
diff --git a/internal/templates/catalog.templ b/internal/templates/catalog.templ
index 2f46db5..756a604 100644
--- a/internal/templates/catalog.templ
+++ b/internal/templates/catalog.templ
@@ -7,7 +7,7 @@ import "fmt"
 templ Catalog() {
 	@Layout("mal - catalog") {
 		<div class="catalog-grid" id="catalog-content">
-			<div hx-get="/api/catalog?page=1" hx-trigger="load" hx-swap="outerHTML" style="grid-column: 1 / -1;">
+			<div class="grid-full-width" hx-get="/api/catalog?page=1" hx-trigger="load" hx-swap="outerHTML">
 				@ui.LoadingIndicator("Loading catalog")
 			</div>
 		</div>