diff --git a/core/frontend/src/cards/css/header.css b/core/frontend/src/cards/css/header.css index 99eac716fa..7583af4f47 100644 --- a/core/frontend/src/cards/css/header.css +++ b/core/frontend/src/cards/css/header.css @@ -124,24 +124,26 @@ } .kg-header-card a.kg-header-card-button { - display: inline-block; - height: 44px; - margin: 1.75em 0 0; - padding: 0 24px; + display: flex; + position: static; + align-items: center; fill: #fff; background: #fff; border-radius: 3px; outline: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 1.55rem; + font-size: 1.05em; font-weight: 600; + line-height: 1em; text-align: center; text-decoration: none; - line-height: 44px; letter-spacing: .2px; white-space: nowrap; text-overflow: ellipsis; color: #15171a; + height: 2.7em; + margin: 1.75em 0 0; + padding: 0 1.2em; transition: opacity .2s ease; } @@ -151,17 +153,14 @@ .kg-header-card.kg-size-large a.kg-header-card-button { margin-top: 2em; - height: 52px; - line-height: 52px; - font-size: 1.65rem; - padding: 0 28px; + font-size: 1.1em; + height: 2.9em; } .kg-header-card.kg-size-small a.kg-header-card-button { margin-top: 1.5em; - height: 38px; - line-height: 38px; - font-size: 1.45rem; + height: 2.4em; + font-size: 1em; } .kg-header-card.kg-style-image a.kg-header-card-button,