From 78c5e2dcadde715c9dc2e0de4b915dee85837726 Mon Sep 17 00:00:00 2001
From: Adrian Simmons <adrian@perlucida.co.uk>
Date: Wed, 24 Jul 2024 16:25:25 +0100
Subject: [PATCH] Reposition release notes close link

Signed-off-by: Adrian Simmons <adrian@perlucida.co.uk>
---
 ws/static/home.html  |  3 ++-
 ws/static/styles.css | 20 ++++++++++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/ws/static/home.html b/ws/static/home.html
index 258b664a990bc934fdcd11d4eb0e20d341536c68..04ccf002e0a392723c47246e5d459336f197f054 100644
--- a/ws/static/home.html
+++ b/ws/static/home.html
@@ -71,7 +71,7 @@
                 <h2>Release notes</h2>
                 {{- range . -}}
                 <div id="{{ (index .Releases 0).ID }}" class="release_note card">
-                    <h3>{{ .Name }}: release notes for <a href="{{ (index .Releases 0).URL }}">{{ (index .Releases 0).Tag }}</a> <span class="close"><a href="#">&#x2716;</a></span></h3>
+                    <h3>{{ .Name }}: release notes for <a href="{{ (index .Releases 0).URL }}">{{ (index .Releases 0).Tag }}</a></h3>
                     {{- if eq .Forge "github" "gitea" "forgejo" -}}
                     {{- (index .Releases 0).Content -}}
                     {{- else -}}
@@ -80,6 +80,7 @@
                     </pre>
                     {{- end -}}
                     <p><a class="return_to_project" href="#{{ .ID }}">Back to project</a></p>
+                    <div class="close"><a href="#">&#x2716;</a></div>
                 </div>
                 {{- end -}}
             </div>
diff --git a/ws/static/styles.css b/ws/static/styles.css
index 11a09ee42c6a68ace6801bc466e8d8ce6a136b2a..6beca58e13454bb8b72d9e42708db7f53e45bf97 100644
--- a/ws/static/styles.css
+++ b/ws/static/styles.css
@@ -116,6 +116,7 @@ a:visited {
 }
 
 .card {
+	position: relative;
 	border: 2px solid var(--card-border);
 	background: var(--card-background);
 	border-radius: 5px;
@@ -136,12 +137,23 @@ a:visited {
 	margin-bottom: 16px;
 }
 
-.close, .delete { float: right; }
-.delete { font-size: 12px; }
+.delete {
+    float: right;
+    font-size: 12px;
+}
+
+.close {
+    position: absolute;
+    top: 2px;
+    right: 3px;
+}
+
 .close > a {
-	text-decoration: none;
-	color: var(--card-border);
+    font-size: 1em;
+    text-decoration: none;
+    color: var(--card-border);
 }
+
 @media (prefers-color-scheme: dark) {
 	.close > a {
 		color: var(--text);