Add a single site view page to view and modify content settings.

chrome/browser/resources/options/website_settings.css

Index: chrome/browser/resources/options/website_settings.css
diff --git a/chrome/browser/resources/options/website_settings.css b/chrome/browser/resources/options/website_settings.css
index ed490c037f32d1ffb8ecf9024dfb6e2cb166718a..09f96cdf7fd228df7750f0c544e63eafbac6609d 100644
--- a/chrome/browser/resources/options/website_settings.css
+++ b/chrome/browser/resources/options/website_settings.css
@@ -7,6 +7,11 @@
   min-width: 540px;
 }
 
+#website-settings-edit-page {
+  max-height: 445px;
+  min-width: 540px;
+}
+
 .website-column-headers {
   padding: 3px 0 6px;
 }
@@ -15,6 +20,10 @@
   display: flex;
 }
 
+.website-header-controls > div {
+  font-weight: bold;
+}
+
 .resource-type-select {
   -webkit-margin-end: auto;
   min-width: 170px;
@@ -29,15 +38,66 @@
   padding-bottom: 20px;
 }
 
-.content-area.website-list-content-area {
+.website-list-content-area {
   display: flex;
   flex-direction: column;
 }
 
+.permission-name {
+  -webkit-margin-start: 7px;
+  font-size: 13px;
+  width: 300px;
+}
+
+#website-settings-edit-page .permission-selection-option {
+  -webkit-margin-end: 20px;
+  -webkit-margin-start: 35px;
+  width: 12em;
+}
+
+#website-settings-permission-column {
+  -webkit-margin-start: 8px;
+}
+
+.website-properties {
+  -webkit-margin-after: 8px;
+  -webkit-margin-start: 8px;
+}
+
+.website-property {
+  -webkit-margin-after: 22px;
+}
+
+#website-title {
+  -webkit-margin-after: 22px;
+  -webkit-margin-before: 0;
+  -webkit-padding-start: 21px;
+  font-size: 15px;
+  line-height: 20px;
+}
+
+#website-settings-page .content-area {
+  padding: auto 20px;
+}
+
+#website-settings-page .action-area {
+  padding: auto 20px;
+
+}
+
+#website-settings-edit-page .action-area {
+  padding: auto 20px;
+
+}
+
+.origin-permission-list {
+  -webkit-padding-before: 4px;
+  border: 1px solid #d9d9d9;
+}
+
 /* Styles for the origin list elements in the website settings page. */
 #origin-list {
   border: 1px solid #d9d9d9;
-  font-family: Noto Sans;
   font-size: 13px;
   margin: 5px 0 0;
   min-height: 287px;
@@ -56,3 +116,16 @@ list.origin-list .favicon-cell {
   -webkit-margin-start: 6px;
   -webkit-padding-start: 21px;
 }
+
+list.origin-list .favicon-cell {
+  -webkit-margin-start: 5px;
+  -webkit-padding-start: 21px;
+  font-size: 13px;
+}
+
+.permission-option {
+  -webkit-margin-before: 4px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}