From f9738eec8306b97cdc077fb644db6708ef49d411 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?dni=20=E2=9A=A1?= <office@dnilabs.com>
Date: Wed, 20 Sep 2023 11:46:48 +0200
Subject: [PATCH] [BUG] fixup website, broken download link, and buttons

:)
---
 src/index.jsx  |  5 ++---
 src/index.scss | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/index.jsx b/src/index.jsx
index c224a24a..1b034961 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -14,11 +14,10 @@ render(
                         <h2>{ext.id}</h2>
                         <span class="version">{ext.version}</span>
                         <p>{ext.short_description}</p>
-                        <a target="_blank" href={ext.repo}>
+                        <a class="btn" target="_blank" href={ext.repo}>
                             github
                         </a>
-                        <br />
-                        <a target="_blank" href={ext.archine}>
+                        <a class="btn" target="_blank" href={ext.archive}>
                             download
                         </a>
                     </div>
diff --git a/src/index.scss b/src/index.scss
index 488089b8..2fc80889 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,8 +1,9 @@
 $pink: #ff1ee6;
+$bg: #1f2234;
 
 html,
 body {
-    background: #1f2234;
+    background: $bg;
     color: white;
     text-align: center;
     font-family: sans-serif;
@@ -49,3 +50,17 @@ a {
         display: block;
     }
 }
+.btn {
+    color: white;
+    display: inline-block;
+    text-decoration: none;
+    border-radius: 5px;
+    padding: 3px 8px;
+    background: $bg;
+    &:hover {
+        background: $pink;
+        text-decoration: none;
+    }
+    margin-left: 6px;
+    margin-bottom: 8px;
+}