diff --git a/web/cobrands/surrey/base.scss b/web/cobrands/surrey/base.scss index 87ab35d45b..3c60faa262 100644 --- 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 new file mode 100644 index 0000000000..b7127e260f --- /dev/null +++ b/web/cobrands/surrey/images/info-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/cobrands/surrey/layout.scss b/web/cobrands/surrey/layout.scss index 8019d9eacf..ae0a44a73a 100644 --- 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 */