(scrollbtn) Reworked styling and HTML to use the character icon

2 files changed, 6 insertions, 6 deletions

diff --git a/src/_footer.html b/src/_footer.html
index 986a60a..3af5205 100644
--- a/src/_footer.html
+++ b/src/_footer.html
@@ -1,6 +1,6 @@
 	</article>
 
-	<img id="scrollBtn" class="icon unzoomable btn" src="/img/chevrons-up.svg" alt="^">
+	<div id="scrollBtn" class="btn">&#xFE3D;</div>
 </body>
 
 <script type="text/javascript" src="/scripts/theme-changer.js" crossorigin="anonymous" defer></script>
diff --git a/src/styles.css b/src/styles.css
index e2b02f2..1b3b204 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -379,14 +379,14 @@ dt, dd {
           }
       /* back-to-top.js */
       #scrollBtn {
-        background-color: transparent;
-        bottom: 1em;
+        background-color: var(--bg-color);
+        bottom: 1rem;
         border: 1px solid;
         display: none;
-        font-size: 1rem;
+        font-size: 1.66rem;
         position: fixed;
-        padding: 0.3em;
-        right: 1em;
+        padding: 0 0.15em;
+        right: 1rem;
         transition-duration: 0.5s;
         z-index: 1;
       }