Bug 1488467 - Part 2: Match web languages dialog with browser dialog r=jaws

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

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

browser/components/preferences/languages.xul

@@ -64,9 +64,6 @@
                     preference="pref.browser.language.disable_button.remove"/>
           </vbox>
         </row>
-        <row>
-          <separator class="thin"/>
-        </row>
         <row>
           <!-- This <vbox> is needed to position search tooltips correctly. -->
           <vbox>
@@ -75,12 +72,11 @@
               <menupopup id="availableLanguagesPopup"/>
             </menulist>
           </vbox>
-          <button id="addButton" oncommand="gLanguagesDialog.addLanguage();" disabled="true"
+          <button id="addButton" class="add-web-language" oncommand="gLanguagesDialog.addLanguage();" disabled="true"
                   data-l10n-id="languages-customize-add"/>
         </row>
       </rows>
     </grid>
     <separator/>
-    <separator/>
   </vbox>
 </dialog>

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

@@ -951,6 +951,7 @@ menulist[indicator=true] > menupopup menuitem[indicator=true]:not([image]) > .me
   min-width: 20em;
 }
 
+#LanguagesDialog > .dialog-button-box > .dialog-button[dlgtype="help"],
 #BrowserLanguagesDialog > .dialog-button-box > .dialog-button[dlgtype="help"] {
   margin-inline-start: 0;
 }
@@ -959,11 +960,13 @@ menulist[indicator=true] > menupopup menuitem[indicator=true]:not([image]) > .me
   min-height: 200px;
 }
 
+#availableLanguages,
 #availableLocales {
   margin: 0;
   margin-inline-end: 4px;
 }
 
+.add-web-language,
 .add-browser-language {
   margin: 0 4px;
 }