Fix overflow in editor edit component, add margin between review toggle and copy button

src/app/editor/editor.component.html

@@ -25,7 +25,9 @@
       <mat-button-toggle value="diff">Diff</mat-button-toggle>
       }
     </mat-button-toggle-group>
-    <button mat-flat-button (click)="copyToClipboard()">Copy</button>
+    <button mat-flat-button class="copy-button" (click)="copyToClipboard()">
+      Copy
+    </button>
   </h2>
 
   @switch (previewType()) { @case ('raw') {

src/app/editor/editor.component.scss

@@ -11,6 +11,15 @@
   overflow: auto;
 }
 
+pre {
+  overflow: auto;
+}
+
+.preview {
+  display: flex;
+  flex-direction: column;
+}
+
 .editor-items {
   padding: 16px;
 }
@@ -28,3 +37,7 @@ ngx-monaco-editor,
 ngx-monaco-diff-editor {
   height: 100%;
 }
+
+.copy-button {
+  margin-left: 10px;
+}