Bug 1608991 - Fix margin for the "Match Diacritics" button in the findbar r=mikedeboer

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

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

toolkit/themes/osx/global/findBar.css

@@ -25,10 +25,8 @@ label.findbar-find-fast:-moz-lwtheme {
 }
 
 .findbar-closebutton {
-  margin-inline-start: 4px;
-  margin-inline-end: 0;
-  padding-inline-start: 0;
-  padding-inline-end: 8px;
+  margin-inline: 4px 0;
+  padding-inline: 0 8px;
   border: none;
   /* make sure the closebutton is displayed as the first element in the bar: */
   -moz-box-ordinal-group: 0;

toolkit/themes/shared/findBar.inc.css

@@ -28,9 +28,8 @@ findbar[noanim] {
 }
 
 .findbar-container {
+  padding-block: 4px;
   padding-inline-start: 8px;
-  padding-top: 4px;
-  padding-bottom: 4px;
 }
 
 .findbar-closebutton {
@@ -139,12 +138,14 @@ html|input.findbar-textbox.minimal {
 
 .findbar-highlight,
 .findbar-case-sensitive,
+.findbar-match-diacritics,
 .findbar-entire-word {
   margin-inline-start: 5px;
 }
 
 .findbar-highlight > .toolbarbutton-icon,
 .findbar-case-sensitive > .toolbarbutton-icon,
+.findbar-match-diacritics > .toolbarbutton-icon,
 .findbar-entire-word > .toolbarbutton-icon {
   display: none;
 }