From 7dfa1ade755b72c90b76fcf2fcf7c0bb4fff50e7 Mon Sep 17 00:00:00 2001
From: Lucas <hello@lucascm.dev>
Date: Thu, 9 May 2024 12:10:10 +0100
Subject: [PATCH] [Surrey] Added styling to .site-message

---
 web/cobrands/surrey/base.scss              | 8 +++++++-
 web/cobrands/surrey/images/info-circle.svg | 1 +
 web/cobrands/surrey/layout.scss            | 4 ++--
 3 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 web/cobrands/surrey/images/info-circle.svg

diff --git a/web/cobrands/surrey/base.scss b/web/cobrands/surrey/base.scss
index 87ab35d45bd..0ad1c97e045 100644
--- a/web/cobrands/surrey/base.scss
+++ b/web/cobrands/surrey/base.scss
@@ -145,8 +145,14 @@ a#geolocate_link,
 
 .site-message {
   border: 0.3571428571rem solid $primary;
-  padding: 2rem;
+  padding: 20px;
+  padding-left: 75px;
   font-size: 1rem;
+
+  @include svg-background-image('/cobrands/surrey/images/info-circle');
+  background-repeat: no-repeat;
+  background-size: 35px;
+  background-position: left 25px top 20px;
 }
 
 /* FOOTER */
diff --git a/web/cobrands/surrey/images/info-circle.svg b/web/cobrands/surrey/images/info-circle.svg
new file mode 100644
index 00000000000..b7127e260fa
--- /dev/null
+++ b/web/cobrands/surrey/images/info-circle.svg
@@ -0,0 +1 @@
+<svg fill="none" height="25" viewBox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h25v25h-25z"/></clipPath><g clip-path="url(#a)"><path d="m12.5.390625c-6.68735 0-12.109375 5.423975-12.109375 12.109375 0 6.6893 5.422025 12.1094 12.109375 12.1094 6.6874 0 12.1094-5.4201 12.1094-12.1094 0-6.6854-5.422-12.109375-12.1094-12.109375zm0 5.371095c1.1326 0 2.0508.91816 2.0508 2.05078s-.9182 2.05078-2.0508 2.05078-2.0508-.91816-2.0508-2.05078.9182-2.05078 2.0508-2.05078zm2.7344 12.40238c0 .3235-.2624.5859-.586.5859h-4.2968c-.3236 0-.58598-.2624-.58598-.5859v-1.1719c0-.3236.26238-.586.58598-.586h.5859v-3.125h-.5859c-.3236 0-.58598-.2623-.58598-.5859v-1.1719c0-.3235.26238-.5859.58598-.5859h3.125c.3235 0 .5859.2624.5859.5859v4.8828h.5859c.3236 0 .586.2624.586.586z" fill="#00604d"/></g></svg>
\ No newline at end of file
diff --git a/web/cobrands/surrey/layout.scss b/web/cobrands/surrey/layout.scss
index 8019d9eacff..ea0036ee685 100644
--- a/web/cobrands/surrey/layout.scss
+++ b/web/cobrands/surrey/layout.scss
@@ -52,9 +52,9 @@ html {
 }
 
 .site-message {
-  border-width: 0.3125rem;
-  padding: 2rem;
   font-size: 1rem;
+  padding: 20px;
+  padding-left: 75px;
 }
 
 /* MAPPAGE */