From 8724a689006c978d2f922185e3811c2120fc868e Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Thu, 26 Sep 2024 20:51:40 +0200
Subject: [PATCH] Improve doc live and code examples display

---
 docs/common/DocsShow.vue           | 2 +-
 docs/common/DocsShowCode/index.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/common/DocsShow.vue b/docs/common/DocsShow.vue
index cd1a8acec..fc55d7f75 100644
--- a/docs/common/DocsShow.vue
+++ b/docs/common/DocsShow.vue
@@ -47,7 +47,7 @@
 <style lang="scss" scoped>
 
   .show {
-    margin: 8px;
+    margin: 16px 0;
     border: 1px solid #dedede;
     border-radius: 4px;
   }
diff --git a/docs/common/DocsShowCode/index.vue b/docs/common/DocsShowCode/index.vue
index 4c92e93c1..0d60a5b93 100644
--- a/docs/common/DocsShowCode/index.vue
+++ b/docs/common/DocsShowCode/index.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <DocsShow :block="block" :padding="false">
+  <DocsShow :block="block" :padding="false" class="docs-show-code">
     <!-- Note that slot contents are HTML-escaped using webpack-loader.js -->
     <PrismComponent :language="language">
       <slot></slot>
@@ -54,7 +54,7 @@
   }
 
   pre[class*='language-'] {
-    padding: 8px 24px;
+    padding: 24px;
     margin: 0;
   }