misc: migrate to vuetify 2.0 (wip)

client/themes/default/components/page.vue

@@ -49,14 +49,14 @@
             status-indicator.ml-3(negative, pulse)
         v-divider
       v-toolbar.px-2(:color='darkMode ? `grey darken-4-l3` : `grey lighten-4`', flat, :height='90')
-        div
+        div(style='padding-left: 376px;')
           .headline.grey--text(:class='darkMode ? `text--lighten-2` : `text--darken-3`') {{title}}
           .caption.grey--text.text--darken-1 {{description}}
         v-spacer
       v-divider
       v-container.pl-5.pt-2(fill-height, fluid, grid-list-xl)
         v-layout(row)
-          v-flex.page-col-sd(lg3, xl2, fill-height, v-if='$vuetify.breakpoint.lgAndUp')
+          v-flex.page-col-sd(lg3, xl2, fill-height, v-if='$vuetify.breakpoint.lgAndUp', style='margin-top: -90px;')
             v-card(v-if='toc.length')
               .overline.pa-5.pb-0(:class='darkMode ? `indigo--text text--lighten-3` : `primary--text`') {{$t('common:page.toc')}}
               v-list.pb-3(dense, nav, :class='darkMode ? `darken-3-d3` : ``')

client/themes/default/scss/app.scss

@@ -566,9 +566,9 @@
     }
     &.align-abstopright {
       position: absolute;
-      top: calc(-90px + 1rem);
+      top: -90px;
       right: 1rem;
-      height: calc(90px - 2rem);
+      height: calc(90px - 32px);
       width: auto;
     }
     &.decor-shadow {