Move settings_dropdown_menu styling to settings_shared_css.

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

Index: chrome/browser/resources/settings/site_settings/media_picker.html
diff --git a/chrome/browser/resources/settings/site_settings/media_picker.html b/chrome/browser/resources/settings/site_settings/media_picker.html
index f7dd9dc1620cc84f41ea41c237ee0ccba8e3c149..733827e255c8a5bc8c3c435522358817625eae4d 100644
--- a/chrome/browser/resources/settings/site_settings/media_picker.html
+++ b/chrome/browser/resources/settings/site_settings/media_picker.html
@@ -1,6 +1,5 @@
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
 <link rel="import" href="/settings_shared_css.html">
 
@@ -10,16 +9,6 @@
       :host {
         display: block;
       }
-
-      paper-dropdown-menu {
-        --paper-input-container-input: {
-          font-size: inherit;
-        };
-
-        --paper-font-caption: {
-          font-size: inherit;
-        }
-      }
     </style>
     <div class="settings-box" id="picker" hidden>
       <paper-dropdown-menu>
@@ -27,9 +16,10 @@
             attr-for-selected="media-picker-value"
             on-iron-activate="onMediaPickerActivate_">
           <template is="dom-repeat" items="[[devices]]">
-            <paper-item media-picker-value$="[[item.id]]">
+            <div class="dropdown-item" role="option"
+                media-picker-value$="[[item.id]]">
               [[item.name]]
-            </paper-item>
+            </div>
           </template>
         </paper-listbox>
       </paper-dropdown-menu>