Some CSS fixes for mobiles

src/scss/partials/_chat.scss

@@ -638,7 +638,7 @@ $chat-helper-size: 39px;
 	top: 0;
 	transform: translateX(-50%);
 	width: 28.75rem;
-	max-width: calc(100% - (var(--padding-horizontal) * 2));
+	max-width: calc(100% - (var(--chat-input-padding) * 2));
 }
 
 .selection-wrapper {
@@ -805,12 +805,11 @@ $chat-helper-size: 39px;
 	.attach-file {
 		&.menu-open {
 			color: var(--primary-color);
-			background-color: hover-color(var(--primary-color)) !important;
+			background-color: var(--light-primary-color) !important;
 		}
 
 		.btn-menu {
-			padding: 8px 0;
-			right: -11px;
+			right: calc(var(--padding-horizontal) * -1 - .125rem);
 			bottom: calc(100% + 1.25rem);
 			
 			> div {

src/scss/partials/popups/_forward.scss

@@ -21,6 +21,10 @@
       flex: 0 0 auto;
       margin-bottom: 3px;
       padding: 0 1rem;
+
+      @include respond-to(handhelds) {
+        padding-left: .9375rem;
+      }
     }
 
     &-title {
@@ -41,7 +45,11 @@
       font-size: 1.25rem;
       padding: .5rem 1.5rem;
       width: 100%;
-      line-height: 1.3125;
+      line-height: var(--line-height);
+
+      @include respond-to(handhelds) {
+        padding-left: 1rem;
+      }
     }
 
     .chatlist {

src/scss/partials/popups/_popup.scss

@@ -6,15 +6,15 @@
 
 .popup {
   position: fixed!important;
-  left: 0;
   top: 0;
-  height: 100%;
+  right: 0;
+  bottom: 0;
+  left: 0;
   max-width: none;
-  width: 100%;
   z-index: 3;
   background-color: rgba(0, 0, 0, .3);
   margin: 0;
-  padding: 0;
+  padding: 2.5rem;
   box-shadow: none;
   opacity: 0;
   visibility: hidden;

src/scss/partials/popups/_stickers.scss

@@ -11,9 +11,9 @@
   h6 {
     padding: 0 2rem 0 1.5rem;
     margin: 0;
-    margin-top: 3px;
     font-size: 1.25rem;
     font-weight: 500;
+    line-height: var(--line-height);
   }
 
   .sticker-set-footer {
@@ -43,14 +43,13 @@
   
     &-close {
       font-size: 1.5rem;
-      margin-top: 6px;
-      margin-left: 16px;
+      margin-left: 1rem;
     }
   
     &-header {
       margin-bottom: 12px;
       flex: 0 0 auto;
-      margin-top: 5px;
+      margin-top: 10px;
     }
   }