1 files changed, 70 insertions, 0 deletions
diff --git a/browser/components/preferences/dialogs/sitePermissions.css b/browser/components/preferences/dialogs/sitePermissions.css
new file mode 100644
index 0000000000..e41c7203fe
--- /dev/null
+++ b/browser/components/preferences/dialogs/sitePermissions.css
@@ -0,0 +1,70 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * 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/. */
+
+.website-name,
+hbox.website-status {
+  overflow: hidden; /* Allows equal sizing combined with width="0" */
+  padding-inline-start: 7px;
+  align-items: center;
+}
+
+#permissionsBox {
+  flex: 1 auto;
+  height: 18em;
+  min-height: 70px; /* 2 * 35px, which is the min row height specified below */
+}
+
+#siteCol,
+#statusCol,
+#permissionsBox > richlistitem {
+  min-height: 35px;
+}
+
+#permissionsBox > richlistitem > hbox {
+  flex: 1;
+}
+
+#siteCol {
+  flex: 3 3 auto;
+}
+
+.website-name {
+  flex: 3 3;
+}
+
+#statusCol {
+  flex: 1 auto;
+}
+
+.website-status {
+  flex: 1;
+}
+
+/* TODO(bug 1802993): Seems this could be on .website-name instead of label? */
+#siteCol,
+#statusCol,
+.website-name > label,
+.website-status {
+  width: 75px;
+}
+
+menulist.website-status {
+  margin: 1px;
+  margin-inline-end: 5px;
+}
+
+#browserNotificationsPermissionExtensionContent,
+#permissionsDisableDescription {
+  margin-inline-start: 32px;
+}
+
+#permissionsDisableDescription {
+  color: var(--text-color-deemphasized);
+  line-height: 110%;
+}
+
+#permissionsDisableCheckbox {
+  margin-inline-start: 4px;
+  padding-top: 10px;
+}