feat: note - move edit button to the line with labels

Author: chmurson

src/components/NoteManager/components/Note.tsx

@@ -159,12 +159,19 @@ export function Note({ note, active = false, onEditNote, onDeleteNote, onSelectN
           <>
             <NoteLayout.SelectedText />
             <NoteLayout.Text />
-            <NoteLayout.Labels />
-            {isEditable && (
-              <div className="flex flex-1 justify-end">
-                <TinyIconButton data-testid={"edit-button"} onClick={handleEditClick} aria-label="Edit note" icon="✏️" />
-              </div>
-            )}
+            <div className="flex justify-between items-end max-w-[100%]">
+              <NoteLayout.Labels />
+              {isEditable && (
+                <div className="flex flex-1 justify-end">
+                  <TinyIconButton
+                    data-testid={"edit-button"}
+                    onClick={handleEditClick}
+                    aria-label="Edit note"
+                    icon="✏️"
+                  />
+                </div>
+              )}
+            </div>
           </>
         )}
         {active && isEditing && (

src/components/NoteManager/components/NoteLabels.tsx

@@ -14,7 +14,7 @@ export function NoteLabels() {
   const labels = isEditing ? noteDirty.labels : note.original.labels;
 
   return (
-    <div className="labels items-start justify-start flex gap-x-1 gap-y-1 flex-wrap">
+    <div className="labels items-start justify-start flex gap-x-1 gap-y-1 flex-wrap min-w-0">
       {labels.map((label) => (
         <Label
           key={label}