diff --git a/web/navigation-panels/app-switcher.react.js b/web/navigation-panels/app-switcher.react.js --- a/web/navigation-panels/app-switcher.react.js +++ b/web/navigation-panels/app-switcher.react.js @@ -61,7 +61,7 @@ - + {chatBadge}

Chat

@@ -90,7 +90,7 @@ return (
- +

Calendar

diff --git a/web/navigation-panels/topbar.css b/web/navigation-panels/topbar.css --- a/web/navigation-panels/topbar.css +++ b/web/navigation-panels/topbar.css @@ -1,6 +1,5 @@ .container { border-bottom: 1px solid var(--border); - height: 60px; display: flex; flex-direction: row; align-items: center; @@ -9,7 +8,7 @@ .navigationPanelContainer { flex-direction: row; display: flex; - height: 60px; + height: 56px; } .plusButton { @@ -46,6 +45,8 @@ color: var(--color-disabled); margin-right: 8px; margin-left: 8px; + font-size: var(--s-font-14); + font-weight: var(--semi-bold); } .navigationPanelTab:hover p, @@ -59,7 +60,7 @@ div.current_tab { border-bottom: 2px solid var(--tabs-header-active-border); - height: 58px; + box-sizing: border-box; } .chatIconWrapper { @@ -74,8 +75,8 @@ display: flex; align-items: center; justify-content: center; - width: 16px; - height: 16px; + width: 14px; + height: 14px; color: var(--fg); background: var(--unread-bg); border-radius: 13px; diff --git a/web/sidebar/community-picker.css b/web/sidebar/community-picker.css --- a/web/sidebar/community-picker.css +++ b/web/sidebar/community-picker.css @@ -13,7 +13,7 @@ .header { border-bottom: 1px solid var(--community-drawer-lines); - padding: 10px 0 10px 0; + padding: 8px 0 8px 0; align-items: center; display: flex; margin-right: 16px;