From 08bf1f85d5188a40bdf9d984d92009ff1d9194e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Mon, 31 Jul 2023 17:22:28 +0200
Subject: [PATCH] fixup! feat: Add support for mermaid.js rendering

---
 src/nodes/CodeBlockView.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/nodes/CodeBlockView.vue b/src/nodes/CodeBlockView.vue
index ef43c7a5c8c..6bf4a124deb 100644
--- a/src/nodes/CodeBlockView.vue
+++ b/src/nodes/CodeBlockView.vue
@@ -33,8 +33,8 @@
 			</div>
 		</div>
 		<div class="split-view">
-			<pre v-show="showCode"><code><NodeViewContent /></code></pre>
-			<div v-show="showPreview" ref="preview" />
+			<pre v-show="showCode" class="split-view__code"><code><NodeViewContent /></code></pre>
+			<div v-show="showPreview" ref="preview" class="split-view__preview" />
 		</div>
 	</NodeViewWrapper>
 </template>
@@ -114,10 +114,16 @@ export default {
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: stretch;
+	gap: 12px;
 
 	& > * {
 		flex: 1;
 	}
+
+	&__code {
+		display: flex;
+		justify-content: center;
+	}
 }
 
 .view-switch {