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(`
`)
content.WriteString(`
Verse
`)
content.WriteString(`
From the Quran
`)
- content.WriteString(fmt.Sprintf(`
%s
`, rd.Verse))
+ content.WriteString(fmt.Sprintf(`
%s
`, 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(`
`)
content.WriteString(`
Hadith
`)
content.WriteString(`
From Sahih Al Bukhari
`)
- content.WriteString(fmt.Sprintf(`
%s
`, rd.Hadith))
+ content.WriteString(fmt.Sprintf(`
%s
`, 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(`
`)
content.WriteString(`
Name
`)
content.WriteString(`
From the names of Allah
`)
- content.WriteString(fmt.Sprintf(`
%s
`, rd.Name))
+ content.WriteString(fmt.Sprintf(`
%s
`, 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))