diff --git a/src/components/left/main/Badge.scss b/src/components/left/main/Badge.scss index 77a120d72..5777b9578 100644 --- a/src/components/left/main/Badge.scss +++ b/src/components/left/main/Badge.scss @@ -31,10 +31,10 @@ height: 1.5rem; background: var(--color-gray); border-radius: 0.75rem; - padding: 0 .45rem; + padding: 0 .4375rem; color: white; font-size: 0.875rem; - line-height: 1.5rem; + line-height: 1.5625rem; font-weight: 500; text-align: center; flex-shrink: 0; diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss index 70b79968a..01d4f96c7 100644 --- a/src/components/left/main/Chat.scss +++ b/src/components/left/main/Chat.scss @@ -54,7 +54,7 @@ .info { .title, .subtitle { - padding-right: .15rem; + padding-right: .125rem; } h3 { @@ -63,9 +63,9 @@ } .icon-muted-chat { - font-size: 1.2rem; + font-size: 1.25rem; margin-left: 0.25rem; - margin-top: -0.1rem; + margin-top: -.0625rem; color: #C6C8CA; } diff --git a/src/components/middle/MiddleHeader.scss b/src/components/middle/MiddleHeader.scss index 86f492a7d..d9257a339 100644 --- a/src/components/middle/MiddleHeader.scss +++ b/src/components/middle/MiddleHeader.scss @@ -21,11 +21,11 @@ content: ""; display: block; position: absolute; - top: -2px; + top: -.1875rem; left: 0; right: 0; - height: 2px; - box-shadow: 0 2px 2px var(--color-light-shadow); + height: .125rem; + box-shadow: 0 .125rem .125rem var(--color-light-shadow); } .HeaderPinnedMessage { @@ -317,7 +317,7 @@ display: flex; flex-shrink: 1; padding: 0.25rem; - margin-top: -0.25rem; + margin-top: -0.1875rem; margin-bottom: -0.25rem; padding-left: 0.375rem; border-radius: var(--border-radius-messages-small); diff --git a/src/components/middle/composer/Composer.scss b/src/components/middle/composer/Composer.scss index 8c3a86f2d..24bae4318 100644 --- a/src/components/middle/composer/Composer.scss +++ b/src/components/middle/composer/Composer.scss @@ -323,8 +323,8 @@ height: 2.875rem; min-height: 2.875rem; max-height: 16rem; - padding-top: calc(0.6875rem - var(--border-width)); - padding-bottom: calc(0.6875rem - var(--border-width)); + padding-top: calc(0.84375rem - var(--border-width)); + padding-bottom: calc(0.84375rem - var(--border-width)); } transition: height 100ms ease; diff --git a/src/components/ui/Tab.scss b/src/components/ui/Tab.scss index 51a723b58..13c48104b 100644 --- a/src/components/ui/Tab.scss +++ b/src/components/ui/Tab.scss @@ -47,7 +47,7 @@ padding: 0 .3125rem; color: white; font-size: 0.875rem; - line-height: 1.25rem; + line-height: 1.3125rem; font-weight: 500; text-align: center; flex-shrink: 0;