fix: reaction indicator

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)

src/frontend/src/header.tsx

@@ -142,7 +142,7 @@ export const Header = ({
                                 }
                             />
                             <button
-                                className={"active"}
+                                className="active"
                                 onClick={() => (location.href = "#/new")}
                             >
                                 POST

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]} />

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">

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;
 }