Floor Plan Editor updates

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>

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,

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">