Settings People Revamp: Implement Change People preview pane

chrome/browser/resources/settings/people_page/change_picture.css

Index: chrome/browser/resources/settings/people_page/change_picture.css
diff --git a/chrome/browser/resources/settings/people_page/change_picture.css b/chrome/browser/resources/settings/people_page/change_picture.css
index 914164484c73af9287d92b54589906565fc20a0b..5b75526b67208539830439f08a86c103c6fcd451 100644
--- a/chrome/browser/resources/settings/people_page/change_picture.css
+++ b/chrome/browser/resources/settings/people_page/change_picture.css
@@ -2,11 +2,29 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-#availableIcons {
+#available-icons {
   -webkit-margin-start: 16px;
   margin-top: 16px;
 }
 
+#available-icons paper-button {
+  padding: 4px;
+}
+
+#preview-pane {
+  flex-shrink: 0;
+  margin: 18px 10px 0 0;
+  width: 228px;
+}
+
+#preview-pane img {
+  border: solid 1px #cacaca;
+  border-radius: 4px;
+  max-height: 220px;
+  max-width: 220px;
+  padding: 3px;
+}
+
 .user-image {
   height: 64px;
   width: 64px;