diff --git a/packages/app/src/Element/Event/Create/NoteCreator.tsx b/packages/app/src/Element/Event/Create/NoteCreator.tsx
index a230cd88..ab5403a7 100644
--- a/packages/app/src/Element/Event/Create/NoteCreator.tsx
+++ b/packages/app/src/Element/Event/Create/NoteCreator.tsx
@@ -311,9 +311,7 @@ export function NoteCreator() {
changePollOption(i, e.target.value)} />
{i > 1 && (
-
+
removePollOption(i)}>
)}
diff --git a/packages/app/src/Element/Event/Reactions.tsx b/packages/app/src/Element/Event/Reactions.tsx
index 82c680fe..797721bf 100644
--- a/packages/app/src/Element/Event/Reactions.tsx
+++ b/packages/app/src/Element/Event/Reactions.tsx
@@ -73,9 +73,8 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
return show ? (
-
-
-
+
+
diff --git a/packages/app/src/Element/SendSats.tsx b/packages/app/src/Element/SendSats.tsx
index 6245ae10..f6acb8a0 100644
--- a/packages/app/src/Element/SendSats.tsx
+++ b/packages/app/src/Element/SendSats.tsx
@@ -182,9 +182,7 @@ export default function SendSats(props: SendSatsProps) {
{props.title || title()}
-
-
-
+
{zapper && !invoice && (
setShowModal(false)}>
-
setShowModal(false)}>
-
-
+
setShowModal(false)}>
diff --git a/packages/app/src/Pages/Layout/index.tsx b/packages/app/src/Pages/Layout/index.tsx
index ae30265f..13d2edb9 100644
--- a/packages/app/src/Pages/Layout/index.tsx
+++ b/packages/app/src/Pages/Layout/index.tsx
@@ -2,7 +2,6 @@ import "./Layout.css";
import { useCallback } from "react";
import { Outlet, useLocation } from "react-router-dom";
-import Icon from "@/Icons/Icon";
import useLogin from "@/Hooks/useLogin";
import { isFormElement } from "@/SnortUtils";
import Toaster from "@/Toaster";
@@ -66,9 +65,7 @@ export default function Index() {
function StalkerModal({ id }) {
return (
LoginStore.removeSession(id)}>
-
+
);
}
diff --git a/packages/app/src/Tasks/TaskList.tsx b/packages/app/src/Tasks/TaskList.tsx
index babdcf8b..ab4b1418 100644
--- a/packages/app/src/Tasks/TaskList.tsx
+++ b/packages/app/src/Tasks/TaskList.tsx
@@ -59,9 +59,7 @@ export const TaskList = () => {
-
muteTask(a)}>
-
-
+
muteTask(a)}>
{a.render()}
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index e2cf1624..b8e60b85 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -953,3 +953,32 @@ svg.repeat {
.icon-solid {
display: none;
}
+
+/* Basic styling for the close button */
+.close-button {
+ position: relative;
+ width: 30px;
+ height: 30px;
+ border-radius: 50%;
+ background: rgba(255, 255, 255, 0.1); /* 10% opacity white background */
+ cursor: pointer;
+ overflow: hidden;
+ transition: background 0.3s ease;
+}
+
+/* Styling for the X icon */
+.close-button::before {
+ content: "x";
+ color: #fff;
+ font-size: 16px;
+ line-height: 30px; /* Adjust to the height of the container */
+ position: absolute;
+ top: 47%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+/* Hover effect */
+.close-button:hover {
+ background: rgba(255, 255, 255, 0.15); /* 15% opacity white background on hover */
+}