Site Settings Desktop: Polish the Site Data details dialog.

chrome/browser/resources/settings/site_settings/site_data_details_dialog.html

Index: chrome/browser/resources/settings/site_settings/site_data_details_dialog.html
diff --git a/chrome/browser/resources/settings/site_settings/site_data_details_dialog.html b/chrome/browser/resources/settings/site_settings/site_data_details_dialog.html
index 5fe1cef8208e24c2d7eeafd5047337bc1b90104c..e55c1c9eef86143d664ebad7a359a3543255fdb9 100644
--- a/chrome/browser/resources/settings/site_settings/site_data_details_dialog.html
+++ b/chrome/browser/resources/settings/site_settings/site_data_details_dialog.html
@@ -1,4 +1,5 @@
 <link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
 <link rel="import" href="/i18n_setup.html">
@@ -7,8 +8,16 @@
 <dom-module id="site-data-details-dialog">
   <template>
     <style include="settings-shared">
+      .picker-container {
+        display: flex;
+      }
+
       .remove-button {
-        margin-top: 12px;
+        margin: 0;
+      }
+
+      paper-dropdown-menu-light {
+        align-self: center;
       }
     </style>
     <dialog is="cr-dialog" id="dialog">
@@ -17,7 +26,7 @@
       </div>
       <div class="body">
         <div class="layout horizontal" id="container">
-          <div class="flex">
+          <div class="flex picker-container">
             <paper-dropdown-menu-light vertical-align="auto" no-label-float>
               <paper-listbox id="picker" class="dropdown-content"
                   attr-for-selected="picker-value"