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/list.tmpl | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

(limited to 'templates/list.tmpl')

diff --git a/templates/list.tmpl b/templates/list.tmpl
index dcc6ee8..ad2e538 100644
--- a/templates/list.tmpl
+++ b/templates/list.tmpl
@@ -1,21 +1,23 @@
 {{with .Data}}
 {{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
-<div class="page-title"> List {{.List.Title}} </div>
+<h1>List {{.List.Title}}</h1>
 
 <form action="/list/{{.List.ID}}/rename" method="POST">
 	<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 	<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
-	<input id="title" name="title" value="{{.List.Title}}">
-	<button type="submit"> Rename </button>
+	<div class="form-field">
+		<input type="text" id="title" name="title" value="{{.List.Title}}">
+		<button type="submit"> Rename </button>
+	<div>
 </form>
 
-<div class="page-title"> Users </div>
+<h1>Users</h1>
 {{if .Accounts}}
 <table>
 {{range .Accounts}}
 	<tr>
-		<td class="p-0"> {{template "userlistitem.tmpl" (WithContext . $.Ctx)}} </td>
-		<td class="p-0"> 
+		<td>{{template "userlistitem.tmpl" (WithContext . $.Ctx)}}</td>
+		<td>
 			<form class="user-list-action" action="/list/{{$.Data.List.ID}}/removeuser?uid={{.ID}}" method="POST">
 				<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
 				<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
@@ -26,16 +28,16 @@
 {{end}}
 </table>
 {{else}}
-<div class="no-data-found">No data found</div>
+<p>No data found</p>
 {{end}}
 
-<div class="page-title"> Add user </div>
-<form class="search-form" action="/list/{{.List.ID}}" method="GET">
-	<span class="post-form-field">
+<h1>Add user</h1>
+<form action="/list/{{.List.ID}}" method="GET">
+	<div class="form-field">
 		<label for="query"> Query </label>
-		<input id="query" name="q" value="{{.Q}}">
-	</span>
-	<button type="submit"> Search </button>
+		<input type="text" id="query" name="q" value="{{.Q}}">
+		<button type="submit"> Search </button>
+	</div>
 </form>
 
 {{if .Q}}
@@ -55,7 +57,7 @@
 {{end}}
 </table>
 {{else}}
-<div class="no-data-found">No data found</div>
+<p>No data found</p>
 {{end}}
 {{end}}
 
-- 
cgit v1.2.3