From a9fdd913f371ba0371a169aa9136eb808d12b289 Mon Sep 17 00:00:00 2001
From: ari melody <ari@arimelody.me>
Date: Fri, 5 Jul 2024 13:42:00 +0100
Subject: [PATCH] added border to reaction buttons

---
 src/lib/ui/post/ReactionBar.svelte    | 2 +-
 src/lib/ui/post/ReactionButton.svelte | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/ui/post/ReactionBar.svelte b/src/lib/ui/post/ReactionBar.svelte
index daf7cb3..0e7e4aa 100644
--- a/src/lib/ui/post/ReactionBar.svelte
+++ b/src/lib/ui/post/ReactionBar.svelte
@@ -39,6 +39,6 @@
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
-        gap: 2px;
+        gap: 4px;
     }
 </style>
diff --git a/src/lib/ui/post/ReactionButton.svelte b/src/lib/ui/post/ReactionButton.svelte
index 7e51889..c6355f8 100644
--- a/src/lib/ui/post/ReactionButton.svelte
+++ b/src/lib/ui/post/ReactionButton.svelte
@@ -49,6 +49,7 @@
         border-radius: 8px;
         transition: background-color .1s, color .1s;
         cursor: pointer;
+        border: 1px solid var(--bg-700);
     }
 
     button.active {