From 7ae40844cb2466dedbd26ef36bf291842d05d954 Mon Sep 17 00:00:00 2001 From: Machiko Yasuda Date: Fri, 21 Jul 2023 17:09:10 +0000 Subject: [PATCH 1/2] fix(icons): fix icon sizing for color login.gov and question mark --- benefits/static/css/styles.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css index 72c1b8dd5..a3219bad4 100644 --- a/benefits/static/css/styles.css +++ b/benefits/static/css/styles.css @@ -384,8 +384,6 @@ footer .footer-links li a:visited { display: block; margin: 8px auto 0 auto; position: relative; - width: 132px; - height: 18px; padding-top: 1px; color: transparent; font-size: var(--font-size-16px); @@ -399,10 +397,14 @@ footer .footer-links li a:visited { #login .fallback-text.white-logo { background-image: url("/static/img/login-gov-logo-rev.svg"); + width: 132px; + height: 18px; } #login .fallback-text.color-logo { background-image: url("/static/img/login-gov-logo.svg"); + width: 120px; + height: 16px; } @media (min-width: 992px) { @@ -714,8 +716,8 @@ a.card:focus-visible { background-image: url("/static/img/modal-trigger.svg"); background-size: contain; display: inline-block; - width: 24px; - height: 24px; + width: 22px; + height: 22px; margin-left: 2px; vertical-align: text-bottom; } From c07472e87405131008ddbd8ae85c388dfb1f6838 Mon Sep 17 00:00:00 2001 From: Machiko Yasuda Date: Fri, 21 Jul 2023 17:16:25 +0000 Subject: [PATCH 2/2] fix(modal trigger): question mark doesn't need extra spacing --- benefits/static/css/styles.css | 1 - 1 file changed, 1 deletion(-) diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css index a3219bad4..54bc0aa81 100644 --- a/benefits/static/css/styles.css +++ b/benefits/static/css/styles.css @@ -718,7 +718,6 @@ a.card:focus-visible { display: inline-block; width: 22px; height: 22px; - margin-left: 2px; vertical-align: text-bottom; }