From 716a369556c57da16400fafeb6dd92649ae1304d Mon Sep 17 00:00:00 2001
From: Ben Chidgey <ben@feedmypixel.com>
Date: Sat, 25 Jan 2025 12:22:46 +0000
Subject: [PATCH] Center align service name and environment tag in app header

---
 .../components/service-header/_service-header.scss       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/server/common/components/service-header/_service-header.scss b/src/server/common/components/service-header/_service-header.scss
index c35ad96e..172178f3 100644
--- a/src/server/common/components/service-header/_service-header.scss
+++ b/src/server/common/components/service-header/_service-header.scss
@@ -20,6 +20,11 @@
   border-bottom: govuk-spacing(2) solid $govuk-brand-colour;
 }
 
+// Center align service name and environment tag, which only shows on infra-dev
+.app-service-header__content {
+  display: flex;
+}
+
 .app-service-header__service-name {
   display: inline-block;
   @include govuk-font(36);
@@ -28,9 +33,9 @@
 .app-service-header__service-environment {
   @include govuk-font(19);
   padding: govuk-spacing(1) govuk-spacing(2);
-  margin-left: govuk-spacing(4);
+  margin-left: govuk-spacing(2);
   border-radius: $app-border-radius;
-  background-color: govuk-colour("blue");
+  background-color: govuk-colour("bright-purple");
 }
 
 .app-service-header__actions {