From e7d778be30d843813a9a9987a1edb6cd21c52030 Mon Sep 17 00:00:00 2001
From: Eduard Kuzmenko <thanwords24@gmail.com>
Date: Sun, 9 May 2021 23:45:26 +0400
Subject: [PATCH] Some CSS fixes for mobiles

---
 src/scss/partials/_chat.scss            |  7 +++----
 src/scss/partials/popups/_forward.scss  | 10 +++++++++-
 src/scss/partials/popups/_popup.scss    |  8 ++++----
 src/scss/partials/popups/_stickers.scss |  7 +++----
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/scss/partials/_chat.scss b/src/scss/partials/_chat.scss
index 23baf165..f56cf765 100644
--- a/src/scss/partials/_chat.scss
+++ b/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 {
diff --git a/src/scss/partials/popups/_forward.scss b/src/scss/partials/popups/_forward.scss
index 71cfc94c..2b75a3de 100644
--- a/src/scss/partials/popups/_forward.scss
+++ b/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 {
diff --git a/src/scss/partials/popups/_popup.scss b/src/scss/partials/popups/_popup.scss
index 3016d235..7957566d 100644
--- a/src/scss/partials/popups/_popup.scss
+++ b/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;
diff --git a/src/scss/partials/popups/_stickers.scss b/src/scss/partials/popups/_stickers.scss
index 1b40d594..16cf3f2d 100644
--- a/src/scss/partials/popups/_stickers.scss
+++ b/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;
     }
   }