Fix breadcrumb + page layout

components/app/AppBreadcrumb.vue

@@ -3,7 +3,7 @@
     <ol class="list-none p-0 inline-flex">
       <a
         v-if="back"
-        class="group py-2"
+        class="group py-2 whitespace-nowrap flex items-center"
         href="#"
         :class="items.length && 'pr-4 border-r mr-4'"
         @click="$router.back()"

components/page/PageContainer.vue

@@ -4,10 +4,12 @@
       <PageHeader :document="document" />
     </slot>
 
-    <div class="flex justify-between">
+    <div class="block justify-between lg:flex">
       <nuxt-content :document="document" class="w-full prose dark:prose-dark" />
 
-      <div class="sticky h-full top-12 w-1/4 ml-12">
+      <div
+        class="sticky h-full top-12 lg:w-1/4 lg:ml-12 mt-8 lg:mt-0 border-t pt-8 lg:pt-0 lg:border-none"
+      >
         <PageToc v-if="toc" :document="document" class="mb-8" />
         <slot name="sidebar" />
       </div>