Fix sign in page layout: label position, checkbox

Fix replies avatar size

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;

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

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;
 

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;
     }
   }
 

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;
       }