From fa6657776c9fd276c4575d44a80ed2ea031c316e Mon Sep 17 00:00:00 2001
From: Greg Lorenzen <gregorylorenzen@gmail.com>
Date: Mon, 17 Feb 2025 21:11:05 +0000
Subject: [PATCH] Fix series page scrollbar, add bottom padding

---
 client/pages/library/_library/series/_id.vue | 32 +++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/client/pages/library/_library/series/_id.vue b/client/pages/library/_library/series/_id.vue
index 6c0e6085..4f9de150 100644
--- a/client/pages/library/_library/series/_id.vue
+++ b/client/pages/library/_library/series/_id.vue
@@ -1,24 +1,26 @@
 <template>
   <div id="page-wrapper" class="page" :class="streamLibraryItem ? 'streaming' : ''">
     <app-book-shelf-toolbar id="series-toolbar" :selected-series="series" />
-    <div class="max-w-6xl mx-auto">
-      <div class="px-4e sm:px-8e">
-        <div class="flex items-center my-8">
-          <h1 class="text-2xl">{{ series.name }}</h1>
+    <div class="h-full overflow-y-auto pb-[100px]">
+      <div class="max-w-6xl mx-auto">
+        <div class="px-4e sm:px-8e">
+          <div class="flex items-center my-8">
+            <h1 class="text-2xl">{{ series.name }}</h1>
 
-          <button class="w-8 h-8 rounded-full flex items-center justify-center mx-4 cursor-pointer text-gray-300 hover:text-warning transform hover:scale-125 duration-100" @click="showEditSeries">
-            <span class="material-symbols text-base">edit</span>
-          </button>
-        </div>
-        <div class="mb-6">
-          <h2 class="font-semibold">
-            {{ $strings.LabelDescription }}
-          </h2>
-          <div>{{ series.description }}</div>
+            <button class="w-8 h-8 rounded-full flex items-center justify-center mx-4 cursor-pointer text-gray-300 hover:text-warning transform hover:scale-125 duration-100" @click="showEditSeries">
+              <span class="material-symbols text-base">edit</span>
+            </button>
+          </div>
+          <div class="mb-6">
+            <h2 class="font-semibold">
+              {{ $strings.LabelDescription }}
+            </h2>
+            <div>{{ series.description }}</div>
+          </div>
         </div>
+
+        <app-lazy-bookshelf page="series-books" :series-id="seriesId" />
       </div>
-
-      <app-lazy-bookshelf page="series-books" :series-id="seriesId" />
     </div>
 
     <modals-edit-series-modal v-model="showEditSeriesModal" :series="series" />