fix: app column layout

app/assets/javascripts/components/NoteGroupView.tsx

@@ -40,7 +40,7 @@ export class NoteGroupView extends PureComponent<Props, State> {
 
   render() {
     return (
-      <div id="note-group-view" className="h-full app-column app-column-third">
+      <div id="editor-column" className="h-full app-column app-column-third">
         {this.state.showMultipleSelectedNotes && (
           <MultipleSelectedNotes
             application={this.application}

app/assets/javascripts/components/NoteView/NoteView.tsx

@@ -1148,19 +1148,17 @@ export class NoteView extends PureComponent<Props, State> {
             >
               {this.state.marginResizersEnabled &&
               this.editorContentRef.current ? (
-                <div className="left">
-                  <PanelResizer
-                    minWidth={300}
-                    hoverable={true}
-                    collapsable={false}
-                    panel={this.editorContentRef.current}
-                    side={PanelSide.Left}
-                    type={PanelResizeType.OffsetAndWidth}
-                    left={this.state.leftResizerOffset}
-                    width={this.state.leftResizerWidth}
-                    resizeFinishCallback={this.onPanelResizeFinish}
-                  />
-                </div>
+                <PanelResizer
+                  minWidth={300}
+                  hoverable={true}
+                  collapsable={false}
+                  panel={this.editorContentRef.current}
+                  side={PanelSide.Left}
+                  type={PanelResizeType.OffsetAndWidth}
+                  left={this.state.leftResizerOffset}
+                  width={this.state.leftResizerWidth}
+                  resizeFinishCallback={this.onPanelResizeFinish}
+                />
               ) : null}
 
               {this.state.editorComponentViewer && (

app/assets/javascripts/components/PanelResizer.tsx

@@ -71,7 +71,7 @@ export class PanelResizer extends Component<Props, State> {
     document.addEventListener('mouseup', this.onMouseUp);
     document.addEventListener('mousemove', this.onMouseMove);
     this.debouncedResizeHandler = debounce(this.handleResize, 250);
-    if (this.props.side === PanelSide.Right) {
+    if (this.props.type === PanelResizeType.OffsetAndWidth) {
       window.addEventListener('resize', this.debouncedResizeHandler);
     }
   }