Bug 1631825 - Fix the menulist and "Add" button height and alignment in the language dialog on about:preferences, and unify min-height of some elements to 32px r=Gijs

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

browser/themes/shared/preferences/preferences.inc.css

@@ -141,7 +141,6 @@ button > hbox > label {
 }
 
 .accessory-button {
-  min-height: 30px;
   min-width: 150px;
   margin: 4px 0;
 }
@@ -945,11 +944,6 @@ image.update-throbber {
   visibility: collapse;
 }
 
-menulist {
-  min-height: 30px;
-  margin-block: 4px;
-}
-
 menulist[indicator=true] > menupopup menuitem:not([image]) > .menu-iconic-left {
   display: -moz-box;
   min-width: auto; /* Override the min-width defined in menu.css */
@@ -1012,16 +1006,22 @@ menulist[indicator=true] > menupopup menuitem[indicator=true]:not([image]) > .me
   min-width: 20em;
 }
 
-#selectedLocales > richlistitem {
-  padding-inline-start: 13px;
+#availableLanguages,
+#availableLocales {
+  margin-inline-start: 0;
 }
 
 #availableLanguages,
-#availableLocales {
-  margin: 0;
+#availableLocales,
+#activeLanguages,
+#selectedLocales {
   margin-inline-end: 4px;
 }
 
+#selectedLocales > richlistitem {
+  padding-inline-start: 13px;
+}
+
 #warning-message > .message-bar-description {
   width: 32em;
 }
@@ -1030,12 +1030,6 @@ menulist[indicator=true] > menupopup menuitem[indicator=true]:not([image]) > .me
   margin-top: 8px;
 }
 
-.add-web-language,
-.add-browser-language {
-  margin: 0;
-  margin-inline-start: 4px;
-}
-
 .action-button {
   margin-inline-end: 0;
 }

toolkit/themes/shared/in-content/common.inc.css

@@ -459,7 +459,7 @@ xul|search-textbox {
 }
 
 xul|search-textbox {
-  min-height: 30px;
+  min-height: 32px;
   padding-inline: 8px;
 }