From 94346e460a6e3f7d70ba8a3ffde10dc6f8d41c6a Mon Sep 17 00:00:00 2001
From: Colin Rotherham <work@colinr.com>
Date: Thu, 14 Nov 2024 20:04:34 +0000
Subject: [PATCH] Add tag styling

---
 src/client/stylesheets/_tag-env.scss             | 11 +++++++++++
 src/client/stylesheets/application.scss          |  1 +
 src/server/views/components/tag-env/template.njk |  2 +-
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/client/stylesheets/_tag-env.scss

diff --git a/src/client/stylesheets/_tag-env.scss b/src/client/stylesheets/_tag-env.scss
new file mode 100644
index 000000000..11bfc66f6
--- /dev/null
+++ b/src/client/stylesheets/_tag-env.scss
@@ -0,0 +1,11 @@
+@use "govuk-frontend" as *;
+
+.app-tag--env {
+  margin: -6px 0 0;
+  vertical-align: top;
+  @include govuk-font-size($size: 16);
+
+  @include govuk-media-query($from: tablet) {
+    margin-top: -3px;
+  }
+}
diff --git a/src/client/stylesheets/application.scss b/src/client/stylesheets/application.scss
index e3fc9019c..e3e717176 100644
--- a/src/client/stylesheets/application.scss
+++ b/src/client/stylesheets/application.scss
@@ -2,6 +2,7 @@
 @use "pkg:accessible-autocomplete";
 @use "service-banner";
 @use "summary-list";
+@use "tag-env";
 @use "prose";
 
 // Use default GDS Transport font for autocomplete
diff --git a/src/server/views/components/tag-env/template.njk b/src/server/views/components/tag-env/template.njk
index 615c819c1..db5542b73 100644
--- a/src/server/views/components/tag-env/template.njk
+++ b/src/server/views/components/tag-env/template.njk
@@ -24,5 +24,5 @@
 
 {{ govukTag({
   text: text,
-  classes: classes
+  classes: classes + " app-tag--env"
 }) }}