From f5d4e670fe99f9bb496da6c3254096a04672aff5 Mon Sep 17 00:00:00 2001
From: Ben Haynes <ben@rngr.org>
Date: Fri, 25 Sep 2020 10:57:48 -0400
Subject: [PATCH] Fixes #330

---
 app/src/components/v-pagination/v-pagination.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/src/components/v-pagination/v-pagination.vue b/app/src/components/v-pagination/v-pagination.vue
index a471a9a8e8..452431a888 100644
--- a/app/src/components/v-pagination/v-pagination.vue
+++ b/app/src/components/v-pagination/v-pagination.vue
@@ -1,11 +1,11 @@
 <template>
 	<div class="v-pagination">
-		<v-button v-if="value !== 1" class="previous" :disabled="disabled" secondary icon small @click="toPrev">
+		<v-button class="previous" :disabled="disabled || value === 1" secondary icon small @click="toPrev">
 			<v-icon name="chevron_left" />
 		</v-button>
 
 		<v-button
-			v-if="showFirstLast && value > Math.ceil(totalVisible / 2)"
+			v-if="showFirstLast && value > Math.ceil(totalVisible / 2) + 1 && length > totalVisible"
 			class="page"
 			@click="toPage(1)"
 			secondary
@@ -15,7 +15,7 @@
 			1
 		</v-button>
 
-		<span v-if="showFirstLast && value > Math.ceil(totalVisible / 2) + 1" class="gap">...</span>
+		<span v-if="showFirstLast && value > Math.ceil(totalVisible / 2) + 1 && length > (totalVisible + 1)" class="gap">...</span>
 
 		<v-button
 			v-for="page in visiblePages"
@@ -30,12 +30,12 @@
 			{{ page }}
 		</v-button>
 
-		<span v-if="showFirstLast && value < length - Math.ceil(totalVisible / 2)" class="gap">
+		<span v-if="showFirstLast && value < length - Math.ceil(totalVisible / 2) && length > (totalVisible + 1)" class="gap">
 			...
 		</span>
 
 		<v-button
-			v-if="showFirstLast && value <= length - Math.ceil(totalVisible / 2)"
+			v-if="showFirstLast && value <= length - Math.ceil(totalVisible / 2) && length > totalVisible"
 			:class="{ active: value === length }"
 			class="page"
 			@click="toPage(length)"
@@ -46,7 +46,7 @@
 			{{ length }}
 		</v-button>
 
-		<v-button v-if="value !== length" class="next" :disabled="disabled" secondary icon small @click="toNext">
+		<v-button class="next" :disabled="disabled || value === length" secondary icon small @click="toNext">
 			<v-icon name="chevron_right" />
 		</v-button>
 	</div>