fix: position code editor button tooltip next to the button

lib/components/Input/InputEditor.jsx

@@ -174,14 +174,16 @@ export default function InputEditor({
   }, [ editorView, value ]);
 
   return <div className={ classNames('code__editor', { 'code__editor--error': error }) }>
-    <Button
-      className="code__editor-clear-button"
-      renderIcon={ Erase }
-      iconDescription="Clear editor"
-      size="sm"
-      kind="ghost"
-      hasIconOnly
-      onClick={ onClear } />
+    <div className="code__editor-buttons">
+      <Button
+        renderIcon={ Erase }
+        iconDescription="Clear editor"
+        size="sm"
+        kind="ghost"
+        hasIconOnly
+        tooltipPosition="left"
+        onClick={ onClear } />
+    </div>
     <div className="code__editor-codemirror">
       <div ref={ ref } className="code__editor-codemirror-inner"></div>
     </div>

lib/components/Output/OutputEditor.jsx

@@ -66,16 +66,18 @@ export default function OutputEditor({ value }) {
   }, [ editorView, value ]);
 
   return <div className="code__editor">
-    <Button
-      className="code__editor-copy-button"
-      renderIcon={ Copy }
-      iconDescription="Copy to clipboard"
-      size="sm"
-      kind="ghost"
-      hasIconOnly
-      onClick={ () => {
-        navigator.clipboard.writeText(value);
-      } } />
+    <div className="code__editor-buttons">
+      <Button
+        renderIcon={ Copy }
+        iconDescription="Copy to clipboard"
+        size="sm"
+        kind="ghost"
+        hasIconOnly
+        tooltipPosition="left"
+        onClick={ () => {
+          navigator.clipboard.writeText(value);
+        } } />
+    </div>
     <div className="code__editor-codemirror">
       <div ref={ ref } className="code__editor-codemirror-inner"></div>
     </div>

lib/style/style.scss

@@ -901,8 +901,7 @@
       margin-top: 5px;
     }
 
-    .code__editor-copy-button,
-    .code__editor-clear-button {
+    .code__editor-buttons {
       position: absolute;
       top: 5px;
       right: 5px;