Minor UI improvements.

Author: antoniandre

src/documentation/isolated-test-view.vue

@@ -11,9 +11,10 @@ div
       :content="`Content ${i}`"
       :style="'background-color: ' + ['#ff5252', '#42b983'][i % 2]")
       template(v-slot:content)
-        v-icon.white--text check_circle
-        h1 {{ `Title ${i}` }}
-        p {{ `Content ${i}` }}
+        .vueperslide__content-wrapper
+          v-icon.white--text check_circle
+          h1 {{ `Title ${i}` }}
+          p {{ `Content ${i}` }}
 </template>
 
 <script>

src/documentation/top-bar.vue

@@ -38,7 +38,7 @@ v-app-bar.top-bar.elevation-0(app light color="white" dense text fixed align-cen
           v-icon apps
           |  
           span Examples
-      v-list(dense).text-no-wrap
+      v-list.text-no-wrap(dense allow-overflow)
         v-list-item(color="secondary" href="#ex--simplest-ever") Simplest Ever
         v-list-item(color="secondary" href="#ex--basic") Basic with Autoplay
         v-list-item(color="secondary" href="#ex--arrows-and-bullets") Arrows & Bullets
@@ -82,6 +82,8 @@ export default {
 @import './variables';
 
 .top-bar {
+  box-sizing: content-box;
+
   &.v-app-bar--fixed {
     z-index: 100;
     position: absolute;
@@ -164,6 +166,8 @@ export default {
     opacity: 0;
   }
 
+  .v-menu__content {max-height: 90vh;}
+
   &__items .v-menu__content .v-list__item {
     height: 34px;
     font-size: 1.1em;