From 6e675a76a74d2385d31cc644f037ff5bac998459 Mon Sep 17 00:00:00 2001
From: Andreas Tzionis <andy0n7@gmail.com>
Date: Wed, 8 Nov 2023 20:05:27 +0200
Subject: [PATCH] minor fixes

---
 lib/client/vanilla/editor.tsx | 46 +++++++++++++++++------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/lib/client/vanilla/editor.tsx b/lib/client/vanilla/editor.tsx
index d2ba20b1..7d840967 100644
--- a/lib/client/vanilla/editor.tsx
+++ b/lib/client/vanilla/editor.tsx
@@ -344,7 +344,7 @@ function Editor({ standaloneServer = false }) {
             {getComponents().indexOf(hoveredComponent!) > 0 && (
               <ArrowUpIcon ref={moveUpRef} onClick={onComponentMoveUp} className="h-7 w-7 text-white p-1" />
             )}
-            <TrashIcon id={'delete'} ref={deleteRef} onClick={onComponentDelete} className="h-7 w-7 text-white p-1" />
+            <TrashIcon id="delete" ref={deleteRef} onClick={onComponentDelete} className="h-7 w-7 text-white p-1" />
           </div>
         </div>
       )}
@@ -411,28 +411,28 @@ function Editor({ standaloneServer = false }) {
             </button>
           )}
         </div>
-        <ImageDialog
-          open={openImage}
-          setOpen={setOpenImage}
-          selectedElement={selectedElement as unknown as HTMLImageElement}
-          baseUrl={getBaseUrl(standaloneServer)}
-        />
-        <ButtonDialog
-          open={openButton}
-          setOpen={setOpenButton}
-          selectedElement={selectedElement as unknown as HTMLButtonElement}
-        />
-        <LinkDialog
-          open={openLink}
-          setOpen={setOpenLink}
-          selectedElement={selectedElement as unknown as HTMLAnchorElement}
-        />
-        <SvgDialog
-          open={openSvg}
-          setOpen={setOpenSvg}
-          selectedElement={selectedElement as unknown as SVGTextPathElement}
-        />
         <div className="flex justify-center h-fit bg-gray-200 overflow-y-scroll">
+          <ImageDialog
+            open={openImage}
+            setOpen={setOpenImage}
+            selectedElement={selectedElement as unknown as HTMLImageElement}
+            baseUrl={getBaseUrl(standaloneServer)}
+          />
+          <ButtonDialog
+            open={openButton}
+            setOpen={setOpenButton}
+            selectedElement={selectedElement as unknown as HTMLButtonElement}
+          />
+          <LinkDialog
+            open={openLink}
+            setOpen={setOpenLink}
+            selectedElement={selectedElement as unknown as HTMLAnchorElement}
+          />
+          <SvgDialog
+            open={openSvg}
+            setOpen={setOpenSvg}
+            selectedElement={selectedElement as unknown as SVGTextPathElement}
+          />
           <div
             id="editor"
             ref={canvasRef}
@@ -449,7 +449,7 @@ function Editor({ standaloneServer = false }) {
               minHeight: '1024px', // no tailwind class
             }}
             contentEditable={!isPreview}
-          ></div>
+          />
         </div>
       </div>
     </div>