Redesign display options for ChromeOS.

chrome/browser/resources/options/chromeos/display_options.html

Index: chrome/browser/resources/options/chromeos/display_options.html
diff --git a/chrome/browser/resources/options/chromeos/display_options.html b/chrome/browser/resources/options/chromeos/display_options.html
index c24cb921edcc279e1a0c4b76810aa80a5b33571f..3368d6f5699dbcd2304a29c253db564b5ae1aeb3 100644
--- a/chrome/browser/resources/options/chromeos/display_options.html
+++ b/chrome/browser/resources/options/chromeos/display_options.html
@@ -6,29 +6,51 @@
     </div>
     <div id="display-configurations">
       <div id="selected-display-data-container">
-        <div id="selected-display-name"></div>
-        <div>
-          <span i18n-content="resolution"></span>
-          <span id="selected-display-resolution"></span>
-        </div>
-        <div>
-          <span id="start-calibrating-overscan-control">
-            <a id="selected-display-start-calibrating-overscan"
-                i18n-content="startCalibratingOverscan"></a>
-          </span>
-        </div>
-      </div>
-      <div id="display-options-buttons-container">
-        <div class="display-options-single-button-container">
-          <button id="display-options-toggle-mirroring"
-              class="display-options-button" i18n-content="startMirroring">
-          </button>
-        </div>
-        <div class="display-options-single-button-container">
-          <button id="display-options-set-primary"
-              class="display-options-button" i18n-content="setPrimary">
-          </button>
-        </div>
+        <h2 id="selected-display-name"></h2>
+        <table>
+          <tr>
+            <td i18n-content="selectedDisplayTitleOptions"></td>
+            <td>
+              <button id="display-options-toggle-mirroring"
+                  class="display-options-button" i18n-content="startMirroring">
+              </button>
+            </td>
+            <td>
+              <button id="display-options-set-primary"
+                  class="display-options-button" i18n-content="setPrimary">
+              </button>
+            </td>
+          </tr>
+          <tr>
+            <td i18n-content="selectedDisplayTitleResolution"></td>
+            <td>
+              <select id="display-options-resolution-selection"
+                  class="display-options-button">
+              </select>
+            </td>
+          </tr>
+          <tr>
+            <td i18n-content="selectedDisplayTitleOrientation"></td>
+            <td>
+              <select id="display-options-orientation-selection"
+                  class="display-options-button">
+                <option value="0" i18n-content="orientation0"></option>
+                <option value="90" i18n-content="orientation90"></option>
+                <option value="180" i18n-content="orientation180"></option>
+                <option value="270" i18n-content="orientation270"></option>
+              </select>
+            </td>
+          </tr>
+          <tr>
+            <td i18n-content="selectedDisplayTitleOverscan"></td>
+            <td>
+              <button id="selected-display-start-calibrating-overscan"
+                  class="display-options-button"
+                  i18n-content="startCalibratingOverscan">
+              </button>
+            </td>
+          </tr>
+        </table>
       </div>
     </div>
     <!-- The arrow of display-configuration is achieved by a div