misc fixes

src/components/layouts/NodeBook.vue

@@ -83,7 +83,7 @@ export default {
     },
 
     onNodeViewClick (e, parentIndex, childIndex) {
-      if (e.target.classList.contains('btn')) return
+      if (e.target.classList.contains('btn') || window.innerWidth < 1024) return
       const parentIsLast = parentIndex === this.nodes.length - 1
       const childIsLast = childIndex !== undefined
         ? childIndex === this.nodes[parentIndex].children.length - 1
@@ -110,6 +110,10 @@ export default {
 .node-book {
   min-height: 100%;
 
+  @include media-breakpoint-down($layout-bp-down) {
+    background-color: $white;
+  }
+
   @include media-breakpoint-up($layout-bp) {
     height: 100%;
 
@@ -172,6 +176,10 @@ export default {
         }
 
         &:not(.active) {
+          .node-view {
+            cursor: pointer;
+          }
+
           ::v-deep {
             .node-view {
               // overflow-y: hidden;

src/pages/Library.vue

@@ -76,6 +76,10 @@ export default {
     // compensate header border
     height: calc(100% + 2px);
     top: calc(-100% - 2px);
+
+    @include media-breakpoint-down($layout-bp-down) {
+      margin-bottom: -100vh;
+    }
   }
 }
 </style>

src/pages/_partials/MainHeader.vue

@@ -114,6 +114,8 @@ export default {
     }
 
     .dropdown-menu {
+      border: 0;
+
       @include media-breakpoint-down($size-bp-down) {
         width: 100vw;
       }

src/pages/library/LibraryList.vue

@@ -84,10 +84,13 @@ export default {
 .library-list {
   overflow-y: auto;
   height: 100%;
-  padding: 0 1.15rem;
 
-  @include media-breakpoint-up($size-bp) {
+  &-container {
-    padding: 0 2.15rem;
+    padding: 1.15rem;
+
+    @include media-breakpoint-up($size-bp) {
+      padding: 2.15rem;
+    }
   }
 
   h3 {