Bug 1552896 - Cleanup the different platform specific styles for the search input r=dao

MozReview-Commit-ID: D626LKOYsAu

Differential Revision: https://phabricator.services.mozilla.com/D32134

--HG--
extra : moz-landing-system : lando

browser/themes/linux/syncedtabs/sidebar.css

@@ -18,10 +18,12 @@
 }
 
 .textbox-search-clear {
-  background-image: url(moz-icon://stock/gtk-clear?size=menu);
+  background-image: url(chrome://global/skin/icons/searchfield-cancel.svg);
   background-repeat: no-repeat;
-  width: 16px;
-  height: 16px;
+  background-size: 12px 12px;
+  width: 12px;
+  height: 12px;
+  margin-top: 3px;
 }
 
 .search-box > .textbox-input-box {

browser/themes/windows/syncedtabs/sidebar.css

@@ -33,10 +33,12 @@
 }
 
 .textbox-search-clear {
-  width: 16px;
-  height: 16px;
+  width: 12px;
+  height: 12px;
   background-image: url(chrome://global/skin/icons/searchfield-cancel.svg);
   background-repeat: no-repeat;
+  background-size: 12px 12px;
+  margin-top: 2px;
 }
 
 .textbox-search-clear:not([disabled]) {

toolkit/themes/linux/global/textbox.css

@@ -81,7 +81,6 @@ textbox:not([searchbutton]) > .textbox-search-sign {
 
 .textbox-search-clear {
   list-style-image: url(chrome://global/skin/icons/searchfield-cancel.svg);
-  -moz-image-region: rect(0, 14px, 14px, 0);
 }
 
 .textbox-search-icon[searchbutton]:not([disabled]) ,

toolkit/themes/osx/global/textbox.css

@@ -68,7 +68,6 @@ textbox[is="search-textbox"] {
 
 .textbox-search-clear {
   list-style-image: url(chrome://global/skin/icons/searchfield-cancel.svg);
-  -moz-image-region: rect(0, 14px, 14px, 0);
   margin-bottom: 1px;
 }
 

toolkit/themes/windows/global/textbox.css

@@ -95,7 +95,6 @@ textbox:not([searchbutton]) > .textbox-search-sign {
 
 .textbox-search-clear {
   list-style-image: url(chrome://global/skin/icons/searchfield-cancel.svg);
-  -moz-image-region: rect(0, 14px, 14px, 0);
 }
 
 .textbox-search-clear:not([disabled]) {