From 1718abead771af7cdf66102304dd00c4fac9ebb0 Mon Sep 17 00:00:00 2001
From: Joyce Quach <jquach@mitre.org>
Date: Fri, 29 Nov 2024 11:34:46 -0500
Subject: [PATCH] Vertically center NIST tag info

Signed-off-by: Joyce Quach <jquach@mitre.org>
---
 .../global/checklist/ChecklistRuleInfoBody.vue         | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/global/checklist/ChecklistRuleInfoBody.vue b/apps/frontend/src/components/global/checklist/ChecklistRuleInfoBody.vue
index 0b54b0d34a..481225f682 100644
--- a/apps/frontend/src/components/global/checklist/ChecklistRuleInfoBody.vue
+++ b/apps/frontend/src/components/global/checklist/ChecklistRuleInfoBody.vue
@@ -28,9 +28,13 @@
       <div class="my-3 d-flex flex-column">
         <span class="text-overline white--text">References: </span>
         <div v-for="cci in selectedRule.cciRef.split('; ')" :key="cci">
-          {{ cci }}: {{ cciDescription(cci) }}
-          <div v-for="{version, nist, title} in nistReference(cci)" :key="nist">
-            {{ title }}, version {{ version }}
+          <span>{{ cci }}: {{ cciDescription(cci) }}</span>
+          <div
+            v-for="{version, nist, title} in nistReference(cci)"
+            :key="nist"
+            class="d-flex align-center"
+          >
+            <span class="mr-2">{{ title }}, version {{ version }}:</span>
             <v-chip :href="nistUrl(nist)" target="_blank" small>
               {{ nist || 'None' }}
             </v-chip>