From 4398766ef9303bc01600c8f9abf2773a0f604181 Mon Sep 17 00:00:00 2001
From: "R.G. Wood" <ric@grislyeye.com>
Date: Sun, 16 Jun 2024 12:09:22 +0100
Subject: [PATCH] Fix: index should always fill view height

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 src/vellum-doc.ts | 3 +++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5a2ba64..bde7b75 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vellum-doc",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vellum-doc",
-      "version": "0.5.0",
+      "version": "0.5.1",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@sindresorhus/slugify": "^2.2.1",
diff --git a/package.json b/package.json
index 3b40de9..1fa1364 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vellum-doc",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A simple document web component for web publishing",
   "main": "vellum-doc.js",
   "module": "vellum-doc.js",
diff --git a/src/vellum-doc.ts b/src/vellum-doc.ts
index 8d2e688..296e49a 100644
--- a/src/vellum-doc.ts
+++ b/src/vellum-doc.ts
@@ -50,6 +50,7 @@ export class VellumDocument extends LitElement {
 
     .scrollable {
       width: var(--index-width, var(--default-index-width));
+      min-height: 100vh;
       max-height: 100vh;
       position: fixed;
       top: 0;
@@ -57,7 +58,9 @@ export class VellumDocument extends LitElement {
     }
 
     #index {
+      min-height: 100vh;
       border-right: 1px solid;
+      padding-bottom: 1em;
     }
 
     @media (max-width: 700px) {