From 5054b83daae8bb1c2fd6e5ebcacdd0e7625b1f17 Mon Sep 17 00:00:00 2001
From: Igor Zhukov <igor.beatle@gmail.com>
Date: Fri, 29 Dec 2017 16:50:44 +0400
Subject: [PATCH] Fixed jumping send form on msg select

---
 app/less/desktop.less               | 29 ++++++++++++++++++++---------
 app/partials/desktop/send_form.html |  4 +++-
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/app/less/desktop.less b/app/less/desktop.less
index 31b24eaf..dad1ebb3 100644
--- a/app/less/desktop.less
+++ b/app/less/desktop.less
@@ -1297,27 +1297,38 @@ a.im_panel_peer_photo .peer_initials {
 
 .im_record {
   display: none;
-  width: 50px;
-  height: 50px;
-  margin: -10px 0 0 -18px; 
+  width: 18px;
+  height: 23px;
+  margin-right: 15px;
+  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
+  
+  position: relative;
+
+  .im_record_supported & {
+    display: block;
+  }
+}
+.im_record_bg {
+  position: absolute;
+  margin: -10px 0 0 -16px; 
   padding: 13px 16px 13px 16px;
 
+  width: 50px;
+  height: 50px;
+
   border-radius: 50px;
   overflow: hidden;
   background: #fff;
   transition: background-color linear 0.2s;
 
-  .im_record_supported & {
-    display: block;
+  .im_send_form_hover .im_voice_recording & {
+    background: #cae9ff;
   }
 }
-.im_send_form_hover .im_voice_recording .im_record {
-  background: #cae9ff;
-}
 
 .icon-mic {
   display: inline-block;
@@ -1494,7 +1505,7 @@ a.im_panel_peer_photo .peer_initials {
   .im_record {
     display: none;
     position: absolute;
-    top: -4px;
+    top: 5px;
     right: -56px;
     margin-top: -8px;
 
diff --git a/app/partials/desktop/send_form.html b/app/partials/desktop/send_form.html
index 07c62770..1edf42da 100644
--- a/app/partials/desktop/send_form.html
+++ b/app/partials/desktop/send_form.html
@@ -55,7 +55,9 @@
     </div>
 
     <a class="im_record pull-left">
-      <i class="icon icon-mic"></i>
+      <div class="im_record_bg">
+        <i class="icon icon-mic"></i>
+      </div>
     </a>
 
     <div class="composer_emoji_panel"></div>