chore(client): :art:

3 files changed, 16 insertions, 8 deletions

diff --git a/src/client/pages/page-editor/page-editor.vue b/src/client/pages/page-editor/page-editor.vue
index 1af8689de3..21d7af9a34 100644
--- a/src/client/pages/page-editor/page-editor.vue
+++ b/src/client/pages/page-editor/page-editor.vue
@@ -86,7 +86,7 @@
 import Vue from 'vue';
 import * as XDraggable from 'vuedraggable';
 import "prismjs";
-import "prismjs/themes/prism.css";
+import 'prismjs/themes/prism-okaidia.css';
 import PrismEditor from 'vue-prism-editor';
 import { faICursor, faPlus, faMagic, faCog, faCode, faExternalLinkSquareAlt } from '@fortawesome/free-solid-svg-icons';
 import { faSave, faStickyNote, faTrashAlt } from '@fortawesome/free-regular-svg-icons';
diff --git a/src/client/pages/page.vue b/src/client/pages/page.vue
index a821b6b651..1409e1786e 100644
--- a/src/client/pages/page.vue
+++ b/src/client/pages/page.vue
@@ -118,12 +118,20 @@ export default Vue.extend({
 
 <style lang="scss" scoped>
 .xcukqgmh {
-	> ._card > .banner {
-		> img {
-			display: block;
-			width: 100%;
-			height: 120px;
-			object-fit: cover;
+	> ._card {
+		> .banner {
+			> img {
+				display: block;
+				width: 100%;
+				height: 120px;
+				object-fit: cover;
+			}
+		}
+
+		> ._footer {
+			> * {
+				margin: 0 0.5em;
+			}
 		}
 	}
 }
diff --git a/src/client/pages/scratchpad.vue b/src/client/pages/scratchpad.vue
index e48beababa..622c40398f 100644
--- a/src/client/pages/scratchpad.vue
+++ b/src/client/pages/scratchpad.vue
@@ -25,7 +25,7 @@
 import Vue from 'vue';
 import { faTerminal, faPlay } from '@fortawesome/free-solid-svg-icons';
 import "prismjs";
-import "prismjs/themes/prism.css";
+import 'prismjs/themes/prism-okaidia.css';
 import PrismEditor from 'vue-prism-editor';
 import { AiScript, parse, utils, values } from '@syuilo/aiscript';
 import i18n from '../i18n';