Hide page link icon when no page; make markdown edit rwork better on small width

src/app/components/editor/database/renderers/page-link-renderer.component.ts

@@ -6,7 +6,7 @@ import {NavigationService} from '../../../../service/navigation.service';
 @Component({
     selector: 'editor-page-link-renderer',
     template: `
-    <div title="Control-click to open this page" (click)="onClick($event)">
+    <div title="Control-click to open this page" (click)="onClick($event)" *ngIf="pageId">
         <i class="fa fa-sticky-note" style="margin-right: 5px; color: var(--noded-background-note);"></i> {{ pageTitle }}
     </div>`,
 })

src/app/components/nodes/markdown/markdown.component.html

@@ -1,4 +1,4 @@
-<div class="container" (dblclick)="onFocusIn()">
+<div class="container" (dblclick)="onFocusIn()" (resized)="onEditorHostResize($event)">
     <div class="editor-container" *ngIf="showEditor">
         <ngx-monaco-editor class="editor"
             [options]="editorOptions"
@@ -7,5 +7,5 @@
             #editor
         ></ngx-monaco-editor>
     </div>
-    <div class="display markdown-display" markdown katex [data]="contents"></div>
+    <div class="display markdown-display" markdown katex [data]="contents" *ngIf="!showEditor || (showEditor && !singleColumn)"></div>
 </div>

src/app/components/nodes/markdown/markdown.component.ts

@@ -20,6 +20,7 @@ export class MarkdownComponent extends EditorNodeContract implements OnInit {
     private dirtyOverride = false;
     public showEditor = false;
     protected hadOneFocusOut = false;
+    public singleColumn = false;
 
     public editorOptions = {
         theme: this.isDark() ? 'vs-dark' : 'vs',
@@ -91,4 +92,12 @@ export class MarkdownComponent extends EditorNodeContract implements OnInit {
             this.showEditor = false;
         }
     }
+
+    onEditorHostResize($event) {
+        if ( $event.newWidth < 700 && !this.singleColumn ) {
+            this.singleColumn = true;
+        } else if ( $event.newWidth > 700 && this.singleColumn ) {
+            this.singleColumn = false;
+        }
+    }
 }