From 8f7bc6daee11adfa8db9df6a92e4174d4003fb69 Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Mon, 19 Apr 2021 17:50:40 +0300
Subject: [PATCH] [mobile] Editing styles

---
 apps/common/mobile/lib/view/Search.jsx        |  2 +-
 .../resources/less/common-material.less       |  7 +--
 apps/common/mobile/resources/less/search.less | 49 +++++++------------
 3 files changed, 22 insertions(+), 36 deletions(-)

diff --git a/apps/common/mobile/lib/view/Search.jsx b/apps/common/mobile/lib/view/Search.jsx
index f3a551608..a2a185bf4 100644
--- a/apps/common/mobile/lib/view/Search.jsx
+++ b/apps/common/mobile/lib/view/Search.jsx
@@ -300,7 +300,7 @@ class SearchView extends Component {
                                 <i className="icon icon-settings" />
                             </a>
                         </div>
-                        <div className="buttons-row-replace">
+                        <div className="buttons-row-replace" style={!Device.isPhone ? {paddingRight: '14px'} : null}>
                             {!Device.isPhone && usereplace ? (
                                 <Fragment>
                                     <a id="replace-link" className={"link " + (searchQuery.trim().length ? "" : "disabled")} onClick={() => this.onReplaceClick()}>{_t.textReplace}</a>
diff --git a/apps/common/mobile/resources/less/common-material.less b/apps/common/mobile/resources/less/common-material.less
index 9f53539a0..65d7a4653 100644
--- a/apps/common/mobile/resources/less/common-material.less
+++ b/apps/common/mobile/resources/less/common-material.less
@@ -29,7 +29,8 @@
             justify-content: center;
         }
         .searchbar-inner {
-            padding-right: 19px;
+            padding-right: 7px;
+            padding-left: 18px;
             &__left, &__right {
                 height: auto;
             }
@@ -43,10 +44,6 @@
             &__center {
                 flex-wrap: wrap;
             }
-            a.link-settings {
-                margin: 0;
-                padding: 0;
-            }
         }
         .searchbar-expandable.searchbar-enabled {
             top: 0;
diff --git a/apps/common/mobile/resources/less/search.less b/apps/common/mobile/resources/less/search.less
index e25416b37..055919cac 100644
--- a/apps/common/mobile/resources/less/search.less
+++ b/apps/common/mobile/resources/less/search.less
@@ -13,53 +13,42 @@
             .searchbar-bg {
                 .hairline(bottom, @statusBarBorderColor);
             }
-
-            .searchbar-inner {
-                &__right {
-                    display: block;
-                }
-            }
         }
     }
 
     .searchbar-inner {
-        padding-left: 25px;
-        padding-right: 18px;
         justify-content: space-between;
+        padding-left: 22px;
         height: 100%;
         &__left {
-            // height: 100%;
-            width: 65%;
+            width: 75%;
         }
         &__right {
-            // height: 100%;
+            margin-left: 10px;
             .buttons-row {
                 display: flex;
                 justify-content: flex-end;
             }
             .link-settings {
-                max-width: 24px;
                 min-width: 24px;
-                margin-left: 20px;
             }
         }
-    }
-
-    .buttons-row-replace {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        width: 100%;
-        justify-content: center;
-        // margin-top: 5px;
-        a {
-            font-size: 15px;
-            height: auto;
-            display: block;
-            line-height: normal;
-        }
-        a:nth-child(2) {
-            margin-left: 20px;
+        .buttons-row-replace {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            width: 100%;
+            padding-left: 19px;
+            a {
+                font-size: 15px;
+                height: auto;
+                display: block;
+                line-height: normal;
+                padding: 0;
+            }
+            a:nth-child(2) {
+                margin-left: 20px;
+            }
         }
     }