From bfdba648a9154e3e2e9ad00f854567f395864e31 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 21 Mar 2026 14:42:51 +0000
Subject: [PATCH] Reminder page: left accent border for quoted text

Replace sub cards with a left accent border (blockquote style) on
verse/hadith/name text. Cleaner than a card-in-card and fits
naturally for quoted content.

https://claude.ai/code/session_016UhaM3HefwZjArvB7hHbpE
---
 internal/app/html/mu.css | 4 +++-
 reminder/reminder.go     | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/internal/app/html/mu.css b/internal/app/html/mu.css
index 8894362e..ef688b1b 100644
--- a/internal/app/html/mu.css
+++ b/internal/app/html/mu.css
@@ -4340,11 +4340,13 @@ a.btn-secondary:hover, .btn-secondary:hover {
 }
 
 .reminder-text {
-  font-size: 0.95em;
+  font-size: 1em;
   line-height: 1.7;
   color: var(--text-primary);
   white-space: pre-wrap;
   margin-bottom: var(--spacing-sm);
+  padding-left: var(--spacing-md);
+  border-left: 3px solid var(--accent-color);
 }
 
 /* Places page */
diff --git a/reminder/reminder.go b/reminder/reminder.go
index 2dc46e64..554e171b 100644
--- a/reminder/reminder.go
+++ b/reminder/reminder.go
@@ -286,7 +286,7 @@ func generateReminderPage(rd *ReminderData) string {
 		content.WriteString(`<div class="reminder-section">`)
 		content.WriteString(`<h3>Verse</h3>`)
 		content.WriteString(`<p class="reminder-subtitle">From the Quran</p>`)
-		content.WriteString(fmt.Sprintf(`<div class="reminder-text card">%s</div>`, rd.Verse))
+		content.WriteString(fmt.Sprintf(`<div class="reminder-text">%s</div>`, rd.Verse))
 		if rd.Links != nil {
 			if verseLink, ok := rd.Links["verse"].(string); ok && verseLink != "" {
 				content.WriteString(app.Link("Continue reading", "https://reminder.dev"+verseLink))
@@ -300,7 +300,7 @@ func generateReminderPage(rd *ReminderData) string {
 		content.WriteString(`<div class="reminder-section">`)
 		content.WriteString(`<h3>Hadith</h3>`)
 		content.WriteString(`<p class="reminder-subtitle">From Sahih Al Bukhari</p>`)
-		content.WriteString(fmt.Sprintf(`<div class="reminder-text card">%s</div>`, rd.Hadith))
+		content.WriteString(fmt.Sprintf(`<div class="reminder-text">%s</div>`, rd.Hadith))
 		if rd.Links != nil {
 			if hadithLink, ok := rd.Links["hadith"].(string); ok && hadithLink != "" {
 				content.WriteString(app.Link("Read more", "https://reminder.dev"+hadithLink))
@@ -314,7 +314,7 @@ func generateReminderPage(rd *ReminderData) string {
 		content.WriteString(`<div class="reminder-section">`)
 		content.WriteString(`<h3>Name</h3>`)
 		content.WriteString(`<p class="reminder-subtitle">From the names of Allah</p>`)
-		content.WriteString(fmt.Sprintf(`<div class="reminder-text card">%s</div>`, rd.Name))
+		content.WriteString(fmt.Sprintf(`<div class="reminder-text">%s</div>`, rd.Name))
 		if rd.Links != nil {
 			if nameLink, ok := rd.Links["name"].(string); ok && nameLink != "" {
 				content.WriteString(app.Link("Read more", "https://reminder.dev"+nameLink))