From 6680f63d6edc2a97bb0ace786f4d7b01cc755b79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 18 Mar 2021 09:51:16 +0100
Subject: [PATCH] improve styles

---
 .../src/demos/Guide/NodeViews/ReactComponent/styles.scss | 4 ++--
 .../src/demos/Guide/NodeViews/VueComponent/Component.vue | 4 ++--
 .../Guide/NodeViews/VueComponentContent/Component.vue    | 9 +++++----
 docs/src/docPages/guide/node-views/react.md              | 2 ++
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss b/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
index 9fc7f3a6..8df6a4d5 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
+++ b/docs/src/demos/Guide/NodeViews/ReactComponent/styles.scss
@@ -6,7 +6,7 @@
 }
 
 .react-component {
-  border: 1px solid #adb5bd;
+  border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
@@ -14,7 +14,7 @@
 
 .label {
   margin-left: 1rem;
-  background-color: #adb5bd;
+  background-color: #0D0D0D;
   font-size: 0.6rem;
   letter-spacing: 1px;
   font-weight: bold;
diff --git a/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue b/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue
index 32dbfbbd..b1793b8c 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponent/Component.vue
@@ -32,7 +32,7 @@ export default {
 
 <style lang="scss" scoped>
 .vue-component {
-  border: 1px solid #adb5bd;
+  border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
@@ -40,7 +40,7 @@ export default {
 
 .label {
   margin-left: 1rem;
-  background-color: #adb5bd;
+  background-color: #0D0D0D;
   font-size: 0.6rem;
   letter-spacing: 1px;
   font-weight: bold;
diff --git a/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue b/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
index 7ec9981d..00056a71 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue
@@ -21,7 +21,7 @@ export default {
 
 <style lang="scss" scoped>
 .vue-component {
-  border: 1px solid #adb5bd;
+  border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
@@ -29,7 +29,7 @@ export default {
 
 .label {
   margin-left: 1rem;
-  background-color: #adb5bd;
+  background-color: #0D0D0D;
   font-size: 0.6rem;
   letter-spacing: 1px;
   font-weight: bold;
@@ -43,7 +43,8 @@ export default {
 
 .content {
   margin: 2.5rem 1rem 1rem;
-  padding: 1rem;
-  border: 1px dashed #adb5bd;
+  padding: 0.5rem;
+  border: 2px dashed #0D0D0D20;
+  border-radius: 0.5rem;
 }
 </style>
diff --git a/docs/src/docPages/guide/node-views/react.md b/docs/src/docPages/guide/node-views/react.md
index 61898d46..539551f6 100644
--- a/docs/src/docPages/guide/node-views/react.md
+++ b/docs/src/docPages/guide/node-views/react.md
@@ -4,3 +4,5 @@
 
 ## Introduction
 TODO
+
+<demo name="Guide/NodeViews/ReactComponent" />