banners: Update banner layout.

This is follow-up commit for d00b4cb0bd,
which updates the padding of the banner label and banner close button
to accommodate the previous font size change.
This commit is contained in:
Sayam Samal
2025-03-22 02:25:19 +05:30
committed by Tim Abbott
parent bf88426cd1
commit 836e04fac8

View File

@@ -32,7 +32,7 @@
.banner-label { .banner-label {
grid-area: banner-label; grid-area: banner-label;
padding: 0.3333em 0 0.2667em; padding: 0.3376em 0 0.271em;
line-height: 1.2667; line-height: 1.2667;
} }
@@ -46,7 +46,7 @@
.banner-close-button { .banner-close-button {
display: flex; display: flex;
grid-area: banner-close-button; grid-area: banner-close-button;
padding: 0.6875em; padding: 0.75em; /* 12px at 16px/1em */
margin-left: 0.3125em; /* 5px at 16px/1em */ margin-left: 0.3125em; /* 5px at 16px/1em */
&:focus-visible { &:focus-visible {