From 2193b6dedc6cf39e2e86a13796747a5a89499a98 Mon Sep 17 00:00:00 2001
From: Anonymous <anonymous@taggr.link>
Date: Tue, 24 Dec 2024 08:30:28 +0100
Subject: [PATCH] fix: reaction indicator

---
 src/frontend/src/form.tsx   | 2 +-
 src/frontend/src/header.tsx | 2 +-
 src/frontend/src/poll.tsx   | 2 +-
 src/frontend/src/post.tsx   | 2 +-
 src/frontend/src/style.css  | 5 +++--
 5 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/form.tsx b/src/frontend/src/form.tsx
index 99a5d5c7..edef5d71 100644
--- a/src/frontend/src/form.tsx
+++ b/src/frontend/src/form.tsx
@@ -520,7 +520,7 @@ export const Form = ({
                                     )
                                 }
                                 className={`max_width_col ${
-                                    dragAndDropping ? "active_element" : null
+                                    dragAndDropping ? "drag_and_drop" : null
                                 }`}
                                 onChange={(event) =>
                                     onValueChange(event.target.value)
diff --git a/src/frontend/src/header.tsx b/src/frontend/src/header.tsx
index bf1a9dd7..eee5f473 100644
--- a/src/frontend/src/header.tsx
+++ b/src/frontend/src/header.tsx
@@ -142,7 +142,7 @@ export const Header = ({
                                 }
                             />
                             <button
-                                className={"active"}
+                                className="active"
                                 onClick={() => (location.href = "#/new")}
                             >
                                 POST
diff --git a/src/frontend/src/poll.tsx b/src/frontend/src/poll.tsx
index eb9a0f07..d65dcab9 100644
--- a/src/frontend/src/poll.tsx
+++ b/src/frontend/src/poll.tsx
@@ -102,7 +102,7 @@ export const PollView = ({
                                                 height: "0.6em",
                                                 marginTop: "0.1em",
                                             }}
-                                            className="active"
+                                            className="active_element"
                                         ></div>
                                         <div className="small_text top_half_spaced">
                                             <UserList ids={data.votes[id]} />
diff --git a/src/frontend/src/post.tsx b/src/frontend/src/post.tsx
index bd17c434..d643e1c3 100644
--- a/src/frontend/src/post.tsx
+++ b/src/frontend/src/post.tsx
@@ -892,7 +892,7 @@ const PostBar = ({
         <div onClick={goInside}>
             <div
                 ref={ref}
-                className="active"
+                className="active_element"
                 style={{ height: "1px", width: 0 }}
             ></div>
             <div className="post_bar vcentered">
diff --git a/src/frontend/src/style.css b/src/frontend/src/style.css
index 7d6b1806..b3b49cf0 100644
--- a/src/frontend/src/style.css
+++ b/src/frontend/src/style.css
@@ -265,7 +265,7 @@ article {
     border: 1px solid $frame;
 }
 
-.active_element {
+.drag_and_drop {
     border: 4px dashed orange;
 }
 
@@ -960,7 +960,8 @@ a.accent,
     background: $frame;
 }
 
-button.active {
+button.active,
+.active_element {
     background: $accent;
     color: #111111;
 }