From 084854bf1818e596e96c0d36bb2e2a60b77401a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 1 Oct 2020 23:30:26 +0200
Subject: [PATCH] improve styling

---
 docs/src/components/LiveDemo/CustomLayout.vue | 10 +++++-----
 docs/src/components/LiveDemo/style.scss       |  2 --
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/docs/src/components/LiveDemo/CustomLayout.vue b/docs/src/components/LiveDemo/CustomLayout.vue
index 3ce70b62..10ecd65e 100644
--- a/docs/src/components/LiveDemo/CustomLayout.vue
+++ b/docs/src/components/LiveDemo/CustomLayout.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="live-editor">
-    <div class="live-editor__preview">
+  <div class="live-demo-template">
+    <div class="live-demo-template__preview">
       <slot name="preview" />
     </div>
-    <div class="live-editor__editor">
+    <div class="live-demo-template__editor">
       <slot name="editor" />
     </div>
   </div>
@@ -40,10 +40,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.live-editor {
+.live-demo-template {
   background-color: $colorWhite;
   overflow: hidden;
-  border-radius: 0.5rem;
+  border-radius: 0.5rem 0.5rem 0 0;
 
   &__preview {
     padding: 1.5rem;
diff --git a/docs/src/components/LiveDemo/style.scss b/docs/src/components/LiveDemo/style.scss
index 9346ca9b..ce9a5cfa 100644
--- a/docs/src/components/LiveDemo/style.scss
+++ b/docs/src/components/LiveDemo/style.scss
@@ -4,8 +4,6 @@
   border-radius: 0.5rem;
 
   &__preview {
-    padding: 1.5rem;
-    border: 1px solid rgba($colorBlack, 0.1);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     border-bottom-width: 0;