MD Settings: Display: Add mirroring and other fixes

chrome/browser/resources/settings/device_page/display.html

 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.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-listbox/paper-listbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-slider/paper-slider.html">
 <link rel="import" href="/device_page/display_layout.html">
 <link rel="import" href="/device_page/display_overscan_dialog.html">
@@ skipping 21 matching lines @@
        height: 300px;
        margin: 10px;
      }
 
      .textarea {
        margin: 10px 0;
      }
 
      .info-text {
        color: var(--paper-grey-500);
+       margin-top: 5px;
      }
 
      .settings-box > paper-button:first-child {
        padding-left: 0
      }
     </style>
     <div class="settings-box first layout vertical self-stretch">
       <div class="display-section">$i18n{displayArrangement}</div>
       <display-layout id="displayLayout"
           selected-display="[[selectedDisplay]]"
@@ skipping 23 matching lines @@
         <paper-slider snaps max-markers="100" step="1"
             disabled="[[!enableSetResolution_(selectedDisplay)]]"
             min="0" max="[[maxModeIndex_]]"
             value="[[selectedModeIndex_]]"
             immediate-value="{{immediateSelectedModeIndex_}}"
             on-change="onChangeMode_">
         </paper-slider>
       </div>
       <div class="settings-box embedded">
         <div class="start textarea">$i18n{displayOrientation}</div>
-        <paper-dropdown-menu>
+        <paper-dropdown-menu no-label-float>
           <paper-listbox class="dropdown-content"
               selected="[[selectedDisplay.rotation]]"
               attr-for-selected="value"
               on-iron-activate="onSetOrientation_">
-            <paper-item value="0">$i18n{displayOrientationStandard}
-            </paper-item>
-            <paper-item value="90">90</paper-item>
-            <paper-item value="180">180</paper-item>
-            <paper-item value="270">270</paper-item>
+            <div class="dropdown-item" value="0">
+              $i18n{displayOrientationStandard}
+            </div>
+            <div class="dropdown-item" value="90">90</div>
+            <div class="dropdown-item" value="180">180</div>
+            <div class="dropdown-item" value="270">270</div>
           </paper-listbox>
         </paper-dropdown-menu>
       </div>
       <div class="settings-box embedded"
           hidden$="[[selectedDisplay.isInternal]]">
         <paper-button disabled="[[selectedDisplay.isInternal]]"
             on-tap="onOverscanTap_">
           $i18n{displayOverscanPageTitle}
         </paper-button>
       </div>
 
       <settings-display-overscan-dialog id="displayOverscan"
           display-id="{{overscanDisplayId}}">
       </settings-display-overscan-dialog>
 
     </div>
   </template>
   <script src="display.js"></script>
 </dom-module>