From ac3666f65bd81f48c8d88099310070eeff46fbd7 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sat, 19 Aug 2023 21:56:32 +0100
Subject: Better Back To Top link layout

---
 public/css/modules/btn.css | 44 +++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

(limited to 'public/css/modules/btn.css')

diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css
index 1df9f5a..a928efe 100644
--- a/public/css/modules/btn.css
+++ b/public/css/modules/btn.css
@@ -1,22 +1,24 @@
 .btn {
-    color: var(--text-color);
-    border: solid 2px var(--text-color);
-    font-weight: 500;
-    text-decoration: underline;
-    padding-inline: 0.5rem;
-    padding-block: 0.25rem;
-    background-color: transparent;
-    transition:
-      background-color 300ms,
-      text-decoration-color 300ms,
-      transform 50ms;
-  }
-  
-  .btn:hover {
-    background-color: var(--background-highlight-color);
-    text-decoration-color: transparent;
-  }
-  
-  .btn:active {
-    transform: scale(1.1, 1.1);
-  }
\ No newline at end of file
+  display: block;
+  box-sizing: border-box;
+  color: var(--text-color);
+  border: solid 2px var(--text-color);
+  font-weight: 500;
+  text-align: center;
+  padding-inline: var(--padding-inline-md);
+  padding-block: var(--padding-block-sm);
+  background-color: transparent;
+  transition:
+    background-color 300ms,
+    text-decoration-color 300ms,
+    transform 50ms;
+}
+
+.btn:hover {
+  background-color: var(--background-highlight-color);
+  text-decoration-color: transparent;
+}
+
+.btn:active {
+  transform: scale(1.1, 1.1);
+}
\ No newline at end of file
-- 
cgit v1.2.3