From a070f833b9027742e17e405a7d2612a4975c2d91 Mon Sep 17 00:00:00 2001
From: Anne Haley <anne.haley@kitware.com>
Date: Wed, 25 Sep 2024 21:17:56 +0000
Subject: [PATCH] style: Adjust vertical alignment of object counts, flush with
 icons

---
 web/src/components/MainDrawerContents.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/components/MainDrawerContents.vue b/web/src/components/MainDrawerContents.vue
index aa991f28..99b39f37 100644
--- a/web/src/components/MainDrawerContents.vue
+++ b/web/src/components/MainDrawerContents.vue
@@ -113,13 +113,21 @@ export default {
             {{ project.name }}
             <div style="color: grey" class="mt-2">
               <v-icon icon="mdi-database-outline" size="small" />
-              <span class="mr-3">{{ project.item_counts.datasets }}</span>
+              <span class="mr-3" style="vertical-align: text-bottom">
+                {{ project.item_counts.datasets }}
+              </span>
               <v-icon icon="mdi-border-none-variant" size="small" />
-              <span class="mr-3">{{ project.item_counts.regions }}</span>
+              <span class="mr-3" style="vertical-align: text-bottom">
+                {{ project.item_counts.regions }}
+              </span>
               <v-icon icon="mdi-chart-bar" size="small" />
-              <span class="mr-3">{{ project.item_counts.charts }}</span>
+              <span class="mr-3" style="vertical-align: text-bottom">
+                {{ project.item_counts.charts }}
+              </span>
               <v-icon icon="mdi-earth" size="small" />
-              <span class="mr-3">{{ project.item_counts.simulations }}</span>
+              <span class="mr-3" style="vertical-align: text-bottom">
+                {{ project.item_counts.simulations }}
+              </span>
             </div>
           </div>
           <div class="location-menu">