From 2aff20e894e91f415c7e87185dd52552294eed9b Mon Sep 17 00:00:00 2001
From: Jai <41024828+ChaiWithJai@users.noreply.github.com>
Date: Mon, 21 Nov 2022 10:18:15 -0500
Subject: [PATCH] respect casing on service tags (#15329)

* styles: add service tag style

* refact: update service tag on alloc

* refact: update service tag in component
---
 ui/app/components/allocation-service-sidebar.hbs  | 2 +-
 ui/app/styles/core/tag.scss                       | 4 ++++
 ui/app/templates/allocations/allocation/index.hbs | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/allocation-service-sidebar.hbs b/ui/app/components/allocation-service-sidebar.hbs
index 5e6b698c6..37fe8d090 100644
--- a/ui/app/components/allocation-service-sidebar.hbs
+++ b/ui/app/components/allocation-service-sidebar.hbs
@@ -92,7 +92,7 @@
 								Tags
 							</span>
               {{#each @service.tags as |tag|}}
-                <span class="tag">{{tag}}</span>
+                <span class="tag is-service">{{tag}}</span>
               {{/each}}
 						</span>
 					{{/if}}
diff --git a/ui/app/styles/core/tag.scss b/ui/app/styles/core/tag.scss
index aa1b627d5..f1e073bab 100644
--- a/ui/app/styles/core/tag.scss
+++ b/ui/app/styles/core/tag.scss
@@ -73,6 +73,10 @@
     top: 3px;
   }
 
+  &.is-service {
+    text-transform: none;
+  }
+
   .icon {
     height: 1rem;
     width: 1rem;
diff --git a/ui/app/templates/allocations/allocation/index.hbs b/ui/app/templates/allocations/allocation/index.hbs
index 64b70e114..16040f191 100644
--- a/ui/app/templates/allocations/allocation/index.hbs
+++ b/ui/app/templates/allocations/allocation/index.hbs
@@ -314,7 +314,7 @@
               </td>
               <td data-test-service-tags class="is-long-text">
                 {{#each row.model.tags as |tag|}}
-                  <span class="tag">{{tag}}</span>
+                  <span class="tag is-service">{{tag}}</span>
                 {{/each}}
               </td>
               <td data-test-service-health class="is-2">