switch edit button order to match entry buttons

fa-sharp · Oct 26, 2024 · 402aa08 · 402aa08
1 parent 681cd71
commit 402aa08
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/packages/react/src/components/editor/EditorControls.tsx b/packages/react/src/components/editor/EditorControls.tsx
@@ -276,6 +276,18 @@ export default function EditorControls() {
         >
           <EditorControlIcon icon={Icon.Natural} size={iconSize} />
         </button>
+        <button
+          title="Toggle tied note"
+          role="switch"
+          aria-checked={selectedNote?.data?.tied}
+          className={clsx(styles.iconButton, {
+            [styles.selected]: selectedNote?.data?.tied,
+          })}
+          disabled={!selectedNote?.data || selectedNote.data.rest}
+          onClick={onToggleTie}
+        >
+          <EditorControlIcon icon={Icon.Tie} size={iconSize} />
+        </button>
         <button
           title="Toggle beamed note"
           role="switch"
@@ -293,18 +305,6 @@ export default function EditorControls() {
         >
           <EditorControlIcon icon={Icon.Beaming} size={iconSize} />
         </button>
-        <button
-          title="Toggle tied note"
-          role="switch"
-          aria-checked={selectedNote?.data?.tied}
-          className={clsx(styles.iconButton, {
-            [styles.selected]: selectedNote?.data?.tied,
-          })}
-          disabled={!selectedNote?.data || selectedNote.data.rest}
-          onClick={onToggleTie}
-        >
-          <EditorControlIcon icon={Icon.Tie} size={iconSize} />
-        </button>
         <div className={styles.spacer}></div>
         <button
           title="Backspace"