From 44ea1be93083ceacd9a575ad1db658afef7a8f1c Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 17 Apr 2020 20:36:51 +0900
Subject: [PATCH] chore(client): :art:

---
 src/client/pages/page-editor/page-editor.vue |  2 +-
 src/client/pages/page.vue                    | 20 ++++++++++++++------
 src/client/pages/scratchpad.vue              |  2 +-
 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 1af8689de..21d7af9a3 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 a821b6b65..1409e1786 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 e48beabab..622c40398 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';