Merged PR 1738: adjsuted image size

adjsuted image size

Related work items: #17552

components/myportal/servicebanner.js

@@ -43,6 +43,11 @@ const ServiceBanner = (props) => {
                 {portalLogoLink.includes(router.pathname) ? (
                     <Link href={"/myportal"}>
                         <img
+                            className={
+                                "serviceTitle" + router.locale == "cy"
+                                    ? "cy"
+                                    : ""
+                            }
                             src={
                                 router.locale == "cy"
                                     ? "/assets/images/planning-casework-cy.svg"
@@ -57,6 +62,9 @@ const ServiceBanner = (props) => {
                     </Link>
                 ) : (
                     <img
+                        className={
+                            "serviceTitle" + router.locale == "cy" ? "cy" : ""
+                        }
                         src={
                             router.locale == "cy"
                                 ? "/assets/images/planning-casework-cy.svg"

components/servicebanner.js

@@ -18,7 +18,11 @@ export default function ServiceBanner(props) {
         <div className="servicebanner">
             <h1>
                 <img
-                    className="govuk-!-margin-top-4"
+                    className={
+                        router.locale == "cy"
+                            ? "govuk-!-margin-top-4 serviceTitle cy"
+                            : "govuk-!-margin-top-4 serviceTitle"
+                    }
                     src={
                         router.locale == "cy"
                             ? "/assets/images/planning-casework-cy.svg"

styles/sass/welshgov/_application.scss

@@ -291,9 +291,7 @@ a.longLinkBreak {
 
         width: 104%;
 
-        img {
-            width: 99.9%;
-        }
+
 
         .pedw_logo {
             width: 120px;
@@ -301,6 +299,17 @@ a.longLinkBreak {
         }
 
         @media screen and (max-width: 670px) {
+            img {
+
+                &.serviceTitle {
+                    width: 236px;
+
+                    &.cy {
+                        width: 238px;
+                    }
+                }
+            }
+
             flex-direction: column-reverse;
             align-items: flex-start;