From a5003c96cbc1d43984aded7e1c61c5adf62e5b79 Mon Sep 17 00:00:00 2001
From: MyNameIsBatman <montevechiol@gmail.com>
Date: Wed, 22 Dec 2021 22:02:58 -0300
Subject: [PATCH] Floor Plan Editor updates

---
 src/views/floorplan-editor/FloorplanEditorView.tsx       | 2 +-
 src/views/floorplan-editor/common/FloorplanEditor.ts     | 2 +-
 src/views/floorplan-editor/views/FloorplanCanvasView.tsx | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/floorplan-editor/FloorplanEditorView.tsx b/src/views/floorplan-editor/FloorplanEditorView.tsx
index 48a7d34b..67778b47 100644
--- a/src/views/floorplan-editor/FloorplanEditorView.tsx
+++ b/src/views/floorplan-editor/FloorplanEditorView.tsx
@@ -122,7 +122,7 @@ export const FloorplanEditorView: FC<{}> = props =>
         <>
             <FloorplanEditorContextProvider value={{ originalFloorplanSettings: originalFloorplanSettings, setOriginalFloorplanSettings: setOriginalFloorplanSettings, visualizationSettings: visualizationSettings, setVisualizationSettings: setVisualizationSettings }}>
                 {isVisible &&
-                    <NitroCardView className="nitro-floorplan-editor">
+                    <NitroCardView uniqueKey="floorpan-editor" className="nitro-floorplan-editor" simple={ true }>
                         <NitroCardHeaderView headerText={LocalizeText('floor.plan.editor.title')} onCloseClick={() => setIsVisible(false)} />
                         <NitroCardContentView>
                             <NitroLayoutGrid>
diff --git a/src/views/floorplan-editor/common/FloorplanEditor.ts b/src/views/floorplan-editor/common/FloorplanEditor.ts
index 7d1aad13..06e37db6 100644
--- a/src/views/floorplan-editor/common/FloorplanEditor.ts
+++ b/src/views/floorplan-editor/common/FloorplanEditor.ts
@@ -30,7 +30,7 @@ export class FloorplanEditor extends PixiApplicationProxy
         super({
             width: width,
             height: height,
-            backgroundColor: 0x2b2b2b,
+            backgroundColor: 0x000000,
             antialias: true,
             autoDensity: true,
             resolution: 1,
diff --git a/src/views/floorplan-editor/views/FloorplanCanvasView.tsx b/src/views/floorplan-editor/views/FloorplanCanvasView.tsx
index a52fae94..870b8c79 100644
--- a/src/views/floorplan-editor/views/FloorplanCanvasView.tsx
+++ b/src/views/floorplan-editor/views/FloorplanCanvasView.tsx
@@ -105,7 +105,9 @@ export const FloorplanCanvasView: FC<{}> = props =>
         </NitroLayoutFlex>
         <NitroLayoutFlex className="align-items-center justify-content-center">
             <div className="arrow-button"><button className="btn btn-primary" onClick={() => onClickArrowButton('left')}><i className="fas fa-arrow-left"/></button></div>
-            <div ref={elementRef} className="editor-area" />
+            <div className="rounded-2 overflow-hidden">
+                <div ref={elementRef} className="editor-area" />
+            </div>
             <div className="arrow-button"><button className="btn btn-primary" onClick={() => onClickArrowButton('right')}><i className="fas fa-arrow-right"/></button></div>
         </NitroLayoutFlex>
         <NitroLayoutFlex className="align-items-center justify-content-center">