From 33374eefc71edb98bd01878006e4bc260abf4689 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Mon, 15 Jan 2024 21:44:53 -0800
Subject: [PATCH] Fix editor toolbar blocking things

---
 src-web/components/core/Editor/Editor.tsx | 5 ++++-
 src-web/components/core/PairEditor.tsx    | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src-web/components/core/Editor/Editor.tsx b/src-web/components/core/Editor/Editor.tsx
index 4bb9bf0d..c634fc91 100644
--- a/src-web/components/core/Editor/Editor.tsx
+++ b/src-web/components/core/Editor/Editor.tsx
@@ -224,7 +224,10 @@ const _Editor = forwardRef<EditorView | undefined, EditorProps>(function Editor(
           space={1}
           alignItems="center"
           justifyContent="end"
-          className="absolute bottom-2 left-0 right-0"
+          className={classNames(
+            'absolute bottom-2 left-0 right-0',
+            'pointer-events-none', // No pointer events so we don't block the editor
+          )}
         >
           {format && (
             <IconButton
diff --git a/src-web/components/core/PairEditor.tsx b/src-web/components/core/PairEditor.tsx
index 54a15473..d9e024c2 100644
--- a/src-web/components/core/PairEditor.tsx
+++ b/src-web/components/core/PairEditor.tsx
@@ -326,10 +326,10 @@ const FormRow = memo(function FormRow({
         <div
           className={classNames(
             'py-2 h-7 w-3 flex items-center',
-            'justify-center opacity-0 hover:opacity-100',
+            'justify-center opacity-0 group-hover:opacity-70',
           )}
         >
-          <Icon icon="drag" className="pointer-events-none" />
+          <Icon icon="gripVertical" className="pointer-events-none" />
         </div>
       ) : (
         <span className="w-3" />