From 2e04552aabc4e55b4ec5fe605af1e24ff0c9fe16 Mon Sep 17 00:00:00 2001
From: W Beecher Baker <wbbaker@purdue.edu>
Date: Wed, 9 Oct 2024 10:48:12 -0400
Subject: [PATCH] next prev link styling

---
 .../Panel/PanelSpecimens/PanelSpecimens.vue   | 66 +++++++++----------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
index 33ebbdb..940f6df 100644
--- a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
+++ b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
@@ -22,45 +22,43 @@
           </span>
           </template>
       </h2>
-      <p v-if="isLoaded && !isSinglePage">
+      <p v-if="isLoaded && !isSinglePage" class="text-sm mx-2">
             {{ void(showFirst = page > 1) }}
             {{ void(showPrev = page > 1) }}
             {{ void(showNext = dwcCount === perPage) }}
             {{ void(showLast = showNext && typeof total === 'number' && total > (page - 1) * perPage + dwcCount) }}
-            <span v-if="showPrev || showNext" class="mx-2">
-              <router-link
-                  v-if="showFirst"
-                  :to="{ name: 'otus-id', params: { id: otuId } }"
-                  class="hover:text-gray-900 text-secondary-color ml-2"
-                  v-html="'<<'"
-                  @click="page = 1"
+            <router-link
+                v-if="showFirst"
+                :to="{ name: 'otus-id', params: { id: otuId } }"
+                class="hover:text-gray-900 text-secondary-color ml-2"
+                v-html="'<<'"
+                @click="page = 1"
+            />
+            <span v-else v-html="'<<'" class="ml-2"/>
+            <router-link
+                v-if="showPrev"
+                :to="{ name: 'otus-id', params: { id: otuId } }"
+                class="hover:text-gray-900 text-secondary-color ml-2"
+                v-html="'prev'"
+                @click="page--"
+            />
+            <span v-else class="ml-2">prev</span>
+            <router-link
+                v-if="showNext"
+                :to="{ name: 'otus-id', params: { id: otuId } }"
+                class="hover:text-gray-900 text-secondary-color ml-2"
+                v-html="'next'"
+                @click="page++"
+            />
+            <span v-else v-html="'next'" class="ml-2"/>
+            <router-link
+                v-if="showLast"
+                :to="{ name: 'otus-id', params: { id: otuId } }"
+                class="hover:text-gray-900 text-secondary-color ml-2"
+                v-html="'>>'"
+                @click="page = Math.ceil(total / perPage)"
               />
-              <span v-if="!showFirst" v-html="'<<'" class="ml-2"/>
-              <router-link
-                  v-if="showPrev"
-                  :to="{ name: 'otus-id', params: { id: otuId } }"
-                  class="hover:text-gray-900 text-secondary-color ml-2"
-                  v-html="'prev'"
-                  @click="page--"
-              />
-              <span v-if="!showPrev" class="ml-2">prev</span>
-              <router-link
-                  v-if="showNext"
-                  :to="{ name: 'otus-id', params: { id: otuId } }"
-                  class="hover:text-gray-900 text-secondary-color ml-2"
-                  v-html="'next'"
-                  @click="page++"
-              />
-              <span v-if="!showNext" v-html="'next'" class="ml-2"/>
-              <router-link
-                  v-if="showLast"
-                  :to="{ name: 'otus-id', params: { id: otuId } }"
-                  class="hover:text-gray-900 text-secondary-color ml-2"
-                  v-html="'>>'"
-                  @click="page = Math.ceil(total / perPage)"
-                />
-              <span v-if="!showLast" v-html="'>>'" class="ml-2"/>
-            </span>
+            <span v-else v-html="'>>'" class="ml-2"/>
       </p>
       <PanelDropdown panel-key="panel:specimens" />
     </VCardHeader>