From 5e6693e3d6d08bc2e2b913cd30c8e3c345fb037f Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Thu, 4 Apr 2024 01:20:25 +0300
Subject: [PATCH] Use button instead of a link on 404, add cursor style, fix
 capitalisation

---
 sass/_buttons.scss               | 1 +
 templates/404.html               | 2 +-
 templates/blog.html              | 4 ++--
 templates/partials/comments.html | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/sass/_buttons.scss b/sass/_buttons.scss
index ecd6114..d07ea7d 100644
--- a/sass/_buttons.scss
+++ b/sass/_buttons.scss
@@ -9,6 +9,7 @@
 .inline-button {
 	display: inline-block;
 	transition: var(--transition);
+	cursor: pointer;
 	box-shadow: var(--edge-highlight);
 	border-radius: var(--rounded-corner);
 	background-color: var(--fg-muted-1);
diff --git a/templates/404.html b/templates/404.html
index a6e5e7c..212fe7c 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -12,6 +12,6 @@
 
 <p class="dialog-buttons">
 	<a onclick="window.history.go(-1)" class="inline-button">Go Back</a>
-	<a href="{{ config.extra.issues_url }}">File an Issue</a>
+	<a class="inline-button colored" href="{{ config.extra.issues_url }}">File an Issue</a>
 </p>
 {% endblock content %}
diff --git a/templates/blog.html b/templates/blog.html
index 9f971fd..f899ce7 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -93,7 +93,7 @@
 {% endif %}
 
 <p class="dialog-buttons">
-	<a class="inline-button" href="#top">Go to top</a>
-	<a class="inline-button colored" href="{{ config.extra.issues_url }}">File an issue</a>
+	<a class="inline-button" href="#top">Go to Top</a>
+	<a class="inline-button colored" href="{{ config.extra.issues_url }}">File an Issue</a>
 </p>
 {% endblock content %}
diff --git a/templates/partials/comments.html b/templates/partials/comments.html
index 311d100..3a3e4fe 100644
--- a/templates/partials/comments.html
+++ b/templates/partials/comments.html
@@ -25,7 +25,7 @@
 	</p>
 
 	<p>
-		<a id="load-comments" class="inline-button" onclick="loadComments()">Load comments…</a>
+		<a id="load-comments" class="inline-button" onclick="loadComments()">Load Comments…</a>
 	</p>
 
 	<div id="comments-wrapper">