From 7fc115bcc34687594b6ac48f79368e6ce16a0a33 Mon Sep 17 00:00:00 2001
From: Jason Streifling <jason@streifling.com>
Date: Mon, 1 Apr 2024 14:38:31 +0200
Subject: [PATCH] Refined look of rejected and unpublished articles

---
 web/templates/rejected-articles.html    | 9 ++++++---
 web/templates/unpublished-articles.html | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/templates/rejected-articles.html b/web/templates/rejected-articles.html
index 09f024b..e2ddf10 100644
--- a/web/templates/rejected-articles.html
+++ b/web/templates/rejected-articles.html
@@ -1,11 +1,14 @@
 {{define "page-content"}}
 <form>
-    <div>
+    <div class="flex flex-col gap-4">
         {{range .RejectedArticles}}
-        <div>
+        <div class="border px-2 py-1 rounded-md flex gap-2">
             {{if index $.MyIDs .ID}}
             <input required id="{{.ID}}" name="id" type="radio" value="{{.ID}}" />
-            <label for="{{.ID}}">{{.Title}}</label>
+            <label class="w-full" for="{{.ID}}">
+                <h1 class="font-bold text-2xl">{{.Title}}</h1>
+                <p>{{.Description}}</p>
+            </label>
             {{end}}
         </div>
         {{end}}
diff --git a/web/templates/unpublished-articles.html b/web/templates/unpublished-articles.html
index 6dbf0d5..9622dd9 100644
--- a/web/templates/unpublished-articles.html
+++ b/web/templates/unpublished-articles.html
@@ -1,10 +1,13 @@
 {{define "page-content"}}
 <form>
-    <div class="grid grid-cols-4 gap-4">
+    <div class="flex flex-col gap-4">
         {{range .}}
-        <div>
+        <div class="border px-2 py-1 rounded-md flex gap-2">
             <input required id="{{.ID}}" name="id" type="radio" value="{{.ID}}" />
-            <label for="{{.ID}}">{{.Title}}</label>
+            <label class="w-full" for="{{.ID}}">
+                <h1 class="font-bold text-2xl">{{.Title}}</h1>
+                <p>{{.Description}}</p>
+            </label>
         </div>
         {{end}}
     </div>