From 54fe9dde70d336487a8256f0a0f3dac3f474bef6 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 12 Sep 2025 15:46:39 +0300
Subject: [PATCH] chore(collections/board): floating edit button for note
 titles

---
 .../src/widgets/collections/board/card.tsx     |  2 +-
 .../src/widgets/collections/board/index.css    | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/collections/board/card.tsx b/apps/client/src/widgets/collections/board/card.tsx
index f301a2855..15cb11d35 100644
--- a/apps/client/src/widgets/collections/board/card.tsx
+++ b/apps/client/src/widgets/collections/board/card.tsx
@@ -67,7 +67,7 @@ export default function Card({
                 <>
                     <span className="title">{title}</span>
                     <span
-                        className="edit-icon icon bx bx-edit-alt"
+                        className="edit-icon icon bx bx-edit"
                         title={t("board_view.edit-note-title")}
                         onClick={handleEdit}
                     />
diff --git a/apps/client/src/widgets/collections/board/index.css b/apps/client/src/widgets/collections/board/index.css
index 81d0ca1e5..a70440286 100644
--- a/apps/client/src/widgets/collections/board/index.css
+++ b/apps/client/src/widgets/collections/board/index.css
@@ -120,6 +120,24 @@
   border: 1px solid var(--main-border-color);
   transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.15s ease, margin-top 0.2s ease;
   opacity: 1;
+  line-height: 1.1;
+}
+
+.board-view-container .board-note > .edit-icon {
+  position: absolute;
+  top: 8px;
+  right: 4px;
+  padding: 2px;
+  background-color: var(--main-background-color);
+}
+
+.board-view-container .board-note:hover > .edit-icon {
+  position: absolute;
+  top: 8px;
+  right: 4px;
+  color: var(--main-text-color);
+  background-color: var(--main-background-color);
+  padding-left: 6px;
 }
 
 .board-view-container .board-note.fade-in {