Update CSS on Website Settings dialog to match latest design.

Design Doc: https://docs.google.com/a/chromium.org/document/d/1oQwmj3AU4QYhTyGrYEGr6zaZhHUfx-wqUgEcQGbUU-U/edit#

BUG=372607

Review URL: https://codereview.chromium.org/435293002

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@287600 0039d316-1c4b-4281-b951-d872f2087c98

chrome/app/generated_resources.grd

@@ -8019,7 +8019,7 @@ Keep your key file in a safe place. You will need it to create new versions of y
       </message>
 
       <message name="IDS_WEBSITES_SETTINGS_TITLE" desc="Title for Website Settings dialog.">
-        Website Settings
+        Manage Sites
       </message>
       <message name="IDS_WEBSITE_SETTINGS_MANAGE" desc="The label on the button that launches the Websites Settings dialog.">
         Manage sites...

chrome/browser/resources/options/website_settings.css

@@ -2,8 +2,13 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-.website-settings-page {
-  width: 540px;
+#website-settings-page {
+  max-height: 445px;
+  min-width: 540px;
+}
+
+.website-column-headers {
+  padding: 3px 0 6px;
 }
 
 .website-header-controls {
@@ -12,20 +17,37 @@
 
 .resource-type-select {
   -webkit-margin-end: auto;
+  min-width: 170px;
+}
+
+#website-settings-search-box {
+  -webkit-margin-start: 35px;
+  width: 165px;
+}
+
+#website-settings-page .action-area {
+  padding-bottom: 20px;
+}
+
+.content-area.website-list-content-area {
+  display: flex;
+  flex-direction: column;
 }
 
 /* Styles for the origin list elements in the website settings page. */
-.origin-list {
+#origin-list {
   border: 1px solid #d9d9d9;
   margin: 5px 0 0;
-  min-height: 0;
+  min-height: 287px;
 }
 
-.origin-list-item {
-  display: flex;
-  justify-content: space-between;
+#origin-list-item {
+  height: 30px;
 }
 
-.local-storage-usage {
-  margin: auto 0;
+list.origin-list .favicon-cell {
+  -webkit-margin-start: 6px;
+  -webkit-padding-start: 21px;
+  font-family: Noto Sans;
+  font-size: 13px;
 }

chrome/browser/resources/options/website_settings.html

-<div id="website-settings-page" class="page website-settings-page" hidden>
+<div id="website-settings-page" class="page website-settings-page not-resizable"
+    hidden>
   <div class="close-button"></div>
   <h1 i18n-content="websiteSettingsPage"></h1>
   <div class="content-area website-list-content-area">