Bug 1625703 - Port bug 1624882: Scope dialog.css styles to dialog custom element. r=mkmelin

m-c changeset: https://hg.mozilla.org/mozilla-central/rev/03281cc4980b

calendar/base/themes/common/calendar-alarms.css

@@ -61,11 +61,14 @@
 }
 
 #reminder-actions-caption,
-#reminder-details-caption,
-#calendar-event-dialog-reminder > .dialog-button-box {
+#reminder-details-caption {
     padding-top: 20px;
 }
 
+#reminder-actions-menulist {
+    margin-bottom: 20px;
+}
+
 .reminder-icon > .menu-iconic-left > .menu-iconic-icon {
     width: auto;
     height: auto;

chat/themes/otrFingerprintDialog.css

@@ -13,10 +13,6 @@
   width: 36em;
 }
 
-.dialog-button-box {
-  margin-top: 5px;
-}
-
 .header-container {
   margin: 0px 10px 5px;
 }

mail/themes/osx/mail/accountManage.css

@@ -29,7 +29,7 @@ treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-smtp) {
   }
 }
 
-button:not(.dialog-button) {
+button {
   min-height: 19px; /* aqua size for small buttons */
 }
 

mail/themes/shared/mail/incontentprefs/dialog.css

@@ -2,6 +2,8 @@
    - License, v. 2.0. If a copy of the MPL was not distributed with this file,
    - You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+@namespace html url("http://www.w3.org/1999/xhtml");
+
 dialog,
 window,
 prefpane,
@@ -21,13 +23,14 @@ prefpane {
   margin: 0;
 }
 
-.contentPane {
-  /* This allows the focus ring to display fully when scrolling is enabled.
-    Note: dialog.js CE have a matching style for dialog-content-box */
+.contentPane,
+dialog::part(content-box) {
+  /* This allows the focus ring to display fully when scrolling is enabled. */
   padding: 4px;
 }
 
-.contentPane.doScroll {
+.contentPane.doScroll,
+dialog.doScroll::part(content-box) {
   overflow-y: auto;
 }
 
@@ -52,7 +55,7 @@ tree {
 }
 
 .actionButtons {
-  margin: 3px 0 0;
+  margin: 3px 4px 0;
 }
 
 caption {
@@ -81,8 +84,10 @@ menulist label {
   display: none;
 }
 
-#ReturnReceiptsDialogPane {
-  margin-inline: 4px;
+menulist,
+button:not([dlgtype]),
+html|input[type="number"] {
+  margin-inline-end: 0;
 }
 
 #configDeck {
@@ -106,3 +111,8 @@ textbox.tree-input {
   border: 1px solid var(--in-content-box-border-color);
   margin: 0 4px 5px;
 }
+
+#cookieInfoSettings {
+  margin-top: 8px;
+  margin-inline-end: -4px;
+}

mail/themes/shared/mail/incontentprefs/preferences.css

@@ -458,13 +458,8 @@ richlistbox:focus > richlistitem[selected="true"] {
   min-width: 20em;
 }
 
-#MessengerLanguagesDialog > .dialog-button-box > .dialog-button[dlgtype="accept"] {
-  margin-inline-end: 0;
-}
-
 #availableLocales {
-  margin: 0;
-  margin-inline-end: 4px;
+  margin-inline: 0;
 }
 
 #warning-message {
@@ -475,13 +470,8 @@ richlistbox:focus > richlistitem[selected="true"] {
   width: 32em;
 }
 
-.add-messenger-language {
-  margin: 0;
-  margin-inline-start: 4px;
-}
-
 .action-button {
-  margin-inline-end: 0;
+  margin-inline-start: 8px;
 }
 
 #tagList {