From d1fb3aa25248a7fb0187dd3c4370dafb88332bd5 Mon Sep 17 00:00:00 2001
From: Armano <armano2@users.noreply.github.com>
Date: Wed, 5 Dec 2018 01:35:10 +0100
Subject: [PATCH] chore: improve editor style in vuepress

---
 docs/.vuepress/components/eslint-code-block.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/docs/.vuepress/components/eslint-code-block.vue b/docs/.vuepress/components/eslint-code-block.vue
index d7789c7bb..ed84389d1 100644
--- a/docs/.vuepress/components/eslint-code-block.vue
+++ b/docs/.vuepress/components/eslint-code-block.vue
@@ -87,12 +87,12 @@ export default {
     },
 
     code () {
-      return `${this.computeCodeFromSlot(this.$slots.default).trim()}\n`
+      return `${this.computeCodeFromSlot(this.$slots.default).trim()}`
     },
 
     height () {
       const lines = this.code.split('\n').length
-      return `${Math.max(120, 20 * (1 + lines))}px`
+      return `${Math.max(120, 19 * lines)}px`
     }
   },
 
@@ -131,6 +131,11 @@ export default {
 <style>
 .eslint-code-block {
   width: 100%;
-  margin: 1em 0;
+  margin: 1em 0 3.5em;
+}
+
+.eslint-code-block .monaco-editor {
+  border-radius: 6px;
+  padding: 1.25rem 0;
 }
 </style>