From 1d61f1aa27376e778b7a517fdd5739a8c1976d2e Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Thu, 28 Dec 2023 13:27:30 +0000
Subject: Update the default theme

This uses better color contrast and component spacing to improve
legibility. The updated HTML also has better compatibility with browsers
with limited/no CSS support.
---
 templates/filters.tmpl | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

(limited to 'templates/filters.tmpl')

diff --git a/templates/filters.tmpl b/templates/filters.tmpl
index ef7c024..8bdae41 100644
--- a/templates/filters.tmpl
+++ b/templates/filters.tmpl
@@ -1,9 +1,9 @@
 {{with .Data}}
 {{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
-<div class="page-title"> Filters </div>
+<h1>Filters</h1>
 
 {{if .Filters}}
-<table class="filters">
+<table>
 	{{range .Filters}}
 	<tr>
 		<td> {{.Phrase}}{{if not .WholeWord}}*{{end}} </td>
@@ -11,29 +11,23 @@
 			<form action="/unfilter/{{.ID}}" method="POST">
 				<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 				<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
-				<button type="submit"> Delete </button>
+				<button type="submit">Delete</button>
 			</form>
 		</td>
 	</tr>
 	{{end}}
 </table>
 {{else}}
-	<div class="filters"> No filters added </div>
+	<p> No filters added </p>
 {{end}}
 
-<div class="page-title"> Add filter </div>
+<h1>Add filter</h1>
 <form action="/filter" method="POST">
 	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 	<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
-	<span class="settings-form-field">
-		<label for="phrase"> Phrase </label>
-		<input id="phrase" name="phrase" required>
-	</span>
-	<span class="settings-form-field">
-		<input id="whole-word" name="whole_word" type="checkbox" value="true" checked>
-		<label for="whole-word"> Whole word </label>
-	</span>
-	<button type="submit"> Add </button>
+	<label>Phrase <input type="text" name="phrase" required></label>
+	<label><input name="whole_word" type="checkbox" value="true" checked> Whole word</label>
+	<button type="submit">Add</button>
 </form>
 
 {{template "footer.tmpl"}}
-- 
cgit v1.2.3