[mobile] Editing styles

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>

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;

apps/common/mobile/resources/less/search.less

@@ -13,55 +13,44 @@
             .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;
+            padding-left: 19px;
             a {
                 font-size: 15px;
                 height: auto;
                 display: block;
                 line-height: normal;
+                padding: 0;
             }
             a:nth-child(2) {
                 margin-left: 20px;
             }
         }
+    }
 
     .searchbar-expandable {
         transition-duration: 0s;