diff --git a/webapp/channels/src/sass/routes/_admin-console.scss b/webapp/channels/src/sass/routes/_admin-console.scss index ed793e70ff..297e21a08b 100644 --- a/webapp/channels/src/sass/routes/_admin-console.scss +++ b/webapp/channels/src/sass/routes/_admin-console.scss @@ -420,18 +420,30 @@ .admin-console__header { z-index: 100; display: flex; - height: 65px; - flex: 0 0 65px; + height: 64px; + flex: 0 0 64px; flex-direction: row; align-items: center; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid alpha-color($black, 0.1); background: white; + font-family: Metropolis, sans-serif; font-size: 22px; - font-weight: normal; + font-weight: 600; + letter-spacing: -0.01em; line-height: 32px; + button, + select { + font-family: 'Open Sans', sans-serif; + letter-spacing: normal; + } + + select { + font-weight: normal; + } + &.with-back { padding: 0; @@ -442,18 +454,22 @@ .back { display: flex; - width: 60px; - height: 60px; + width: 64px; + height: 64px; align-items: center; - justify-content: space-around; - border-right: 1px solid alpha-color($black, 0.1); + justify-content: center; + border-right: 1px solid rgba(var(--center-channel-color-rgb), 0.12); margin-right: 20px; font-size: 3.2rem; text-decoration: none; &::before { position: relative; - top: 1px; + top: -1px; + } + + &:hover { + background-color: rgba(var(--center-channel-color-rgb), 0.04); } } }