From 2ac90ad21c4d6e9584044e41bbd081f9a7f91f6b Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sat, 19 Jun 2021 17:47:10 +0300
Subject: [PATCH] Message List: Fix inaccurate sending animation

---
 src/components/middle/MessageList.scss           | 16 ++++++++--------
 src/components/middle/message/Message.scss       |  5 +++--
 .../middle/message/_message-content.scss         |  5 +++--
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/middle/MessageList.scss b/src/components/middle/MessageList.scss
index 37cef9eae..d0fe8a94a 100644
--- a/src/components/middle/MessageList.scss
+++ b/src/components/middle/MessageList.scss
@@ -56,14 +56,14 @@
     margin-bottom: 0;
 
     .last-in-list {
-      margin-bottom: 5.6875rem;
-
-      &.ActionMessage {
-        padding-bottom: 0.0625rem;
-      }
+      margin-bottom: 5.625rem;
 
       @media (max-width: 600px) {
-        margin-bottom: 4.3125rem;
+        margin-bottom: 4.25rem;
+      }
+
+      &.ActionMessage {
+        padding-bottom: 0.125rem;
       }
     }
   }
@@ -90,8 +90,8 @@
     &::before {
       content: "";
       position: absolute;
-      top: -0.3125rem;
-      bottom: -0.3125rem;
+      top: -0.1875rem;
+      bottom: -0.1875rem;
       left: -50vw;
       right: -50vw;
       background: black;
diff --git a/src/components/middle/message/Message.scss b/src/components/middle/message/Message.scss
index 3f36a21ce..0ffe36a2b 100644
--- a/src/components/middle/message/Message.scss
+++ b/src/components/middle/message/Message.scss
@@ -46,8 +46,9 @@
   }
 
   &.last-in-list {
-    // Forcing extra space which is taken by the appendix and causes incorrect container height calculation
-    margin-bottom: 0.4375rem;
+    // Forcing extra space which is taken by the appendix and causes incorrect container height calculation.
+    // This value is accurately crafted as a minimum possible.
+    margin-bottom: 0.375rem;
   }
 
   &.is-in-selection-mode {
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index cc3d59dc2..112dae2a6 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -182,10 +182,11 @@
   }
 
   .svg-appendix {
+    overflow: hidden;
     position: absolute;
-    bottom: -.1875rem;
+    bottom: -.0875rem;
     width: .5625rem;
-    height: 1.25rem;
+    height: 1.125rem;
 
     .corner {
       fill: var(--background-color);