[Surrey] Added styling to .site-message

mysociety · May 13, 2024 · 68cadc8 · 68cadc8
1 parent 816ca5d
commit 68cadc8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/web/cobrands/surrey/base.scss b/web/cobrands/surrey/base.scss
@@ -145,8 +145,15 @@ a#geolocate_link,
 
 .site-message {
   border: 0.3571428571rem solid $primary;
-  padding: 2rem;
+  padding: 20px;
+  padding-top: 24px;
+  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
diff --git a/web/cobrands/surrey/layout.scss b/web/cobrands/surrey/layout.scss
@@ -52,9 +52,10 @@ html {
 }
 
 .site-message {
-  border-width: 0.3125rem;
-  padding: 2rem;
   font-size: 1rem;
+  padding: 20px;
+  padding-top: 24px;
+  padding-left: 75px;
 }
 
 /* MAPPAGE */