From 2398d10c9ff71611cd5fdbc09ff56ebecb36c92c Mon Sep 17 00:00:00 2001
From: Triston Armstrong <tarmstrong95@proton.me>
Date: Tue, 22 Oct 2024 14:07:48 -0400
Subject: [PATCH] feat(notes): fix help icon and save icon positioning

---
 src/components/NoteCard.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/NoteCard.tsx b/src/components/NoteCard.tsx
index ad85141..776042e 100644
--- a/src/components/NoteCard.tsx
+++ b/src/components/NoteCard.tsx
@@ -196,8 +196,11 @@ export function NoteCard({ key: itemKey, data: item }: NoteCard.NoteCardProps) {
         <div className="overflow-hidden flex-1 flex flex-col gap-1">
           {/* Header Bar */}
           <div className="px-2 flex justify-between items-center cursor-move" onmousedown={_handleMouseDown}>
-            <HelpIcon onMouseOver={_handleHelpHover} onMouseOut={_handleHelpOut} />
-            <div style={saveIndicatorStyle} className="rounded-full w-1 h-1 dark:bg-white bg-green-500"></div>
+            <div className={"flex gap-1 items-center"}>
+              <HelpIcon onMouseOver={_handleHelpHover} onMouseOut={_handleHelpOut} />
+              {/* Save indicator*/}
+              <div style={saveIndicatorStyle} className="rounded-full w-1 h-1 dark:bg-white bg-green-500"></div>
+            </div>
             <div className="flex gap-2">
               <div
                 onclick={_handleExportClick}