From 4a6e75a292cada01ed138a80cad349c8a11a4e55 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 20 Aug 2020 21:30:05 +0200
Subject: [PATCH] improve sidebar

---
 docs/src/layouts/App/index.vue  | 6 +++---
 docs/src/layouts/App/style.scss | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index 614ef64a..8b32bc50 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -43,16 +43,16 @@
             <div class="app__link-group-title">
               {{ linkGroup.title }}
             </div>
-            <ul>
+            <ul class="app__link-list">
               <li v-for="(item, j) in linkGroup.items" :key="j">
                 <g-link class="app__link" :to="item.link">
                   {{ item.title }}
                 </g-link>
 
-                <ul v-if="item.items">
+                <ul v-if="item.items" class="app__link-list">
                   <li v-for="(item, k) in item.items" :key="k">
                     <g-link class="app__link" :to="item.link">
-                      ‒ {{ item.title }}
+                      {{ item.title }}
                     </g-link>
                   </li>
                 </ul>
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index 245700a2..fe735443 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -24,6 +24,13 @@ $menuBreakPoint: 750px;
     margin-bottom: 0.5rem;
   }
 
+  &__link-list &__link-list {
+    padding-left: 1rem;
+    margin-top: 0.5rem;
+    margin-bottom: 1.5rem;
+    border-left: 2px solid rgba($colorBlack, 0.1);
+  }
+
   &__link {
     display: block;
     padding: 0.1rem 0.5rem;