From eebe39b56e21a6ed1fa06f9b9390b987fcb85eb1 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 6 Dec 2023 17:10:18 +0200
Subject: [PATCH] spotlight close btn

---
 packages/app/src/Element/Spotlight/SpotlightMedia.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
index 968e95e3..0cb86e38 100644
--- a/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
+++ b/packages/app/src/Element/Spotlight/SpotlightMedia.tsx
@@ -86,8 +86,12 @@ export function SpotlightMedia(props: SpotlightMediaProps) {
   return (
     <>
       {mediaEl}
-      <div className="select-none absolute flex flex-row items-center gap-4 cursor-pointer left-0 top-0 p-4">
-        <Icon name="x-close" size={24} onClick={props.onClose} />
+      <div className="select-none absolute flex flex-row items-center gap-4 left-0 top-0 p-4">
+        <span
+          className="p-2 bg-bg-color rounded-full cursor-pointer opacity-80 hover:opacity-70"
+          onClick={props.onClose}>
+          <Icon name="x-close" size={24} />
+        </span>
         {props.images.length > 1 && `${idx + 1}/${props.images.length}`}
       </div>
       {props.images.length > 1 && (