From f8fc50774a59e964551c084603942c85a5937e6d Mon Sep 17 00:00:00 2001
From: W Beecher Baker <wbbaker@purdue.edu>
Date: Mon, 7 Oct 2024 16:32:00 -0400
Subject: [PATCH] style improvements, especially in Cascade

---
 .../otus/components/Breadcrumb/Breadcrumb.vue    |  2 +-
 .../Panel/PanelDescendants/DescendantsTree.vue   |  2 +-
 .../Panel/PanelSpecimens/PanelSpecimens.vue      | 16 ++++++++++------
 .../Panel/PanelSpecimens/SpecimenSummary.vue     |  2 +-
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/modules/otus/components/Breadcrumb/Breadcrumb.vue b/src/modules/otus/components/Breadcrumb/Breadcrumb.vue
index 0acf0d7..1847dbe 100644
--- a/src/modules/otus/components/Breadcrumb/Breadcrumb.vue
+++ b/src/modules/otus/components/Breadcrumb/Breadcrumb.vue
@@ -11,7 +11,7 @@
       />
       <router-link
         v-if="item.length === 1"
-        class="inline-flex items-center text-sm text-accent-100 hover:text-gray-900 dark:hover:text-gray-500 text-secondary-color"
+        class="inline-flex items-center text-sm hover:text-gray-900 dark:hover:text-gray-500 text-secondary-color"
         :to="{ name: 'otus-id', params: { id: item[0].id } }"
       >
         {{ key }}
diff --git a/src/modules/otus/components/Panel/PanelDescendants/DescendantsTree.vue b/src/modules/otus/components/Panel/PanelDescendants/DescendantsTree.vue
index c85e6aa..2dd7c73 100644
--- a/src/modules/otus/components/Panel/PanelDescendants/DescendantsTree.vue
+++ b/src/modules/otus/components/Panel/PanelDescendants/DescendantsTree.vue
@@ -9,7 +9,7 @@
       class="absolute -left-2.5"
     />
     <router-link
-      class="text-primary-500"
+      class="hover:text-gray-900 text-secondary-color"
       :to="{ name: 'otus-id', params: { id: taxonomy.otu_id } }"
       v-html="taxonomy.name"
     />
diff --git a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
index 21d909c..ad48658 100644
--- a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
+++ b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
@@ -9,17 +9,23 @@
     </ClientOnly>
     <VCardHeader class="flex justify-between">
       <h2 class="text-md">
+        {{ (void (isSinglePage = typeof total === 'number' && total < perPage && page === 1)) }}
+        {{ (void (isLoaded = Array.isArray(inventoryDWC))) }}
         In the Collection
-        <template v-if="Array.isArray(inventoryDWC)">
-          <span v-if="typeof total === 'number' && total < perPage && page === 1">
+        <template v-if="isLoaded">
+          <span v-if="isSinglePage">
             ({{total}})
           </span>
           <span v-else>
+            ({{ (page - 1) * perPage + 1}}–{{(page - 1) * perPage + inventoryDWC.length}} of {{total}})
+          </span>
+          </template>
+      </h2>
+      <h3 v-if="isLoaded && !isSinglePage">
             {{ void(showFirst = page > 1) }}
             {{ void(showPrev = page > 1) }}
             {{ void(showNext = inventoryDWC.length === perPage) }}
             {{ void(showLast = showNext && typeof total === 'number' && total > (page - 1) * perPage + inventoryDWC.length) }}
-            ({{ (page - 1) * perPage + 1}}–{{(page - 1) * perPage + inventoryDWC.length}} of {{total}})
             <span v-if="showPrev || showNext" class="ml-2">
               <router-link
                   v-if="showFirst"
@@ -54,9 +60,7 @@
                 />
               <span v-if="!showLast" v-html="'>>'" class="ml-2"/>
             </span>
-          </span>
-        </template>
-      </h2>
+      </h3>
       <PanelDropdown panel-key="panel:specimens" />
     </VCardHeader>
     <VCardContent class="text-sm">
diff --git a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
index 0e33f78..0d6dd6d 100644
--- a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
+++ b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
@@ -6,7 +6,7 @@ For further reference see https://dwc.tdwg.org/terms/.
 <template>
   <!--    <ul class="tree m-2 ml-6 list-disc">-->
   <div v-html="nameAndAuthor(specimen)"/>
-  <ul class="tree m-2 ml-6 relative">
+  <ul class="tree ml-6 relative">
     <li class="my-2">{{ describeSpecimen(specimen) }}</li>
     <li class="my-2">{{describeDetails(specimen).join(', ')}}</li>
     <GalleryImage