diff --git a/src/components/chat/replies.ts b/src/components/chat/replies.ts index a129d4a4..ad321286 100644 --- a/src/components/chat/replies.ts +++ b/src/components/chat/replies.ts @@ -62,7 +62,7 @@ export default class RepliesElement extends HTMLElement { if(!avatarElem) { avatarElem = new AvatarElement(); avatarElem.setAttribute('dialog', '0'); - avatarElem.classList.add('avatar-34'); + avatarElem.classList.add('avatar-32'); if(this.loadPromises) { avatarElem.loadPromises = this.loadPromises; diff --git a/src/scss/partials/_chatBubble.scss b/src/scss/partials/_chatBubble.scss index fcabadd5..5a653d8e 100644 --- a/src/scss/partials/_chatBubble.scss +++ b/src/scss/partials/_chatBubble.scss @@ -1460,6 +1460,8 @@ $bubble-margin: .25rem; flex-direction: row-reverse; avatar-element { + width: 34px; + height: 34px; border: 2px solid #fff; cursor: pointer; z-index: 0; // * fix border blinking diff --git a/src/scss/partials/_checkbox.scss b/src/scss/partials/_checkbox.scss index c74cd6b1..b5056a9a 100644 --- a/src/scss/partials/_checkbox.scss +++ b/src/scss/partials/_checkbox.scss @@ -1,8 +1,8 @@ .checkbox-field { - margin: 1.25rem 0; + margin: 1.5rem 0; display: block; text-align: left; - padding: 0 1.125rem; + padding: 0 1.1875rem; /* font-weight: 500; */ position: relative; cursor: pointer; @@ -159,11 +159,11 @@ .checkbox-field [type="checkbox"] { & + span { position: relative; - padding-left: 3.5rem; + padding-left: 3.3125rem; cursor: pointer; display: inline-block; - height: 25px; - line-height: 25px; + height: 24px; + line-height: 26px; user-select: none; transition: .2s opacity; diff --git a/src/scss/partials/_input.scss b/src/scss/partials/_input.scss index db28f482..b6cb2bd9 100644 --- a/src/scss/partials/_input.scss +++ b/src/scss/partials/_input.scss @@ -132,13 +132,13 @@ &:focus ~ label { color: $button-primary-background; + font-weight: 500; } &:focus ~ label, &:valid ~ label, &:not(:empty) ~ label, &:disabled ~ label { - transform: translate(-.25rem, calc(var(--height) / -2 + .125rem)) scale(.75); + transform: translate(-.3125rem, calc(var(--height) / -2 + .125rem)) scale(.75); padding: 0 6px; opacity: 1; - font-weight: 500; } } diff --git a/src/scss/partials/popups/_mediaAttacher.scss b/src/scss/partials/popups/_mediaAttacher.scss index a5367749..28f9a1ff 100644 --- a/src/scss/partials/popups/_mediaAttacher.scss +++ b/src/scss/partials/popups/_mediaAttacher.scss @@ -63,7 +63,6 @@ font-size: 14px; font-weight: normal; padding: 0; - padding-top: 2px; margin-top: -3px; border-radius: $border-radius-medium; }