front/src/assets/sidebar.scss

@@ -10,6 +10,11 @@ $primary: #E75B12;
 
     transition: right 300ms linear;
 
+    &.main {
+        right: auto;
+        left: 2rem;
+    }
+
     a {
         background-color: $bg;
         color: $textColor;
@@ -52,12 +57,12 @@ $primary: #E75B12;
     }
 
     &-inner {
-        max-height: calc(100vh - 38rem);
+        // max-height: calc(100vh - 38rem);
         overflow: auto;
     }
 
     &-content {
-        max-height: 100%;
+        max-height: 50vh;
         overflow: auto;
 
         background-color: $bg;
@@ -70,9 +75,7 @@ $primary: #E75B12;
         font-family: 'main';
     }
 
-    &-list {
+    &-list {}
-
-    }
 
     &-list-item {
         font-size: 1.875rem;
@@ -98,11 +101,8 @@ $primary: #E75B12;
 
     p {
         font-size: 1rem;
-
-        &:not(:last-child) {
         margin-bottom: 1rem;
     }
-    }
 
     a {
         background-color: darken($textColor2, 30%);

front/src/components/Promo/main.vue

@@ -81,6 +81,11 @@ const sidebarFunc = () => {
                     <i-mdi-chevron-left />
                 </a>
             </div>
+            <div class="homelink main" v-if="route.params.item">
+                <RouterLink :to="`/${route.params.item.toString()}`" @click.prevent="sidebarFunc">
+                    <i-mdi-home />
+                </RouterLink>
+            </div>
         </div>
         <Sidebar />
     </div>

front/src/components/Promo/sidebar.vue

@@ -40,7 +40,7 @@ watch(() => sidebar.$state.is_open, () => {
             <div class="sidebar-content" v-if="sidebar.title">
                 <h2>{{ sidebar.title }}</h2>
                 <div class="sidebar-inner" v-if="sidebar.description">
-                    <template v-for="p in sidebar.description.split('\n')">
+                    <template v-for="p in sidebar.description.replace(/(\n|\r)+/g, '\n').split('\n')">
                         <p>{{ p }}</p>
                     </template>
                 </div>