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..b8ceff55d3ef3780aa9d829b39e9d600b7880f72 100644
--- a/chrome/browser/resources/options/chromeos/display_options.html
+++ b/chrome/browser/resources/options/chromeos/display_options.html
@@ -6,28 +6,52 @@
     </div>
     <div id="display-configurations">
       <div id="selected-display-data-container">
-        <div id="selected-display-name"></div>
+        <h2 id="selected-display-name"></h2>
         <div>
-          <span i18n-content="resolution"></span>
-          <span id="selected-display-resolution"></span>
+          <div class="selected-display-option-title"
+              i18n-content="selectedDisplayTitleOptions"></div>

[James Hawkins, 2013/05/16 17:37:11]

nit: Close tags of wrapped elements must be on a new line.

Here and elsewhere.

[Jun Mukai, 2013/05/16 23:51:11]

Done.

+          <span class="display-options-button-container">
+            <button id="display-options-toggle-mirroring"
+                class="display-options-button" i18n-content="startMirroring">
+            </button>
+          </span>
+          <span class="display-options-button-container">
+            <button id="display-options-set-primary"
+                class="display-options-button" i18n-content="setPrimary">
+            </button>
+          </span>
         </div>
         <div>
-          <span id="start-calibrating-overscan-control">
-            <a id="selected-display-start-calibrating-overscan"
-                i18n-content="startCalibratingOverscan"></a>
+          <div class="selected-display-option-title"
+              i18n-content="selectedDisplayTitleResolution"></div>
+          <span class="display-options-button-container">
+            <select id="display-options-resolution-selection"
+                class="display-options-button">
+            </select>
           </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="selected-display-option-title"
+              i18n-content="selectedDisplayTitleOrientation"></div>
+          <span class="display-options-button-container">
+            <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>
+          </span>
         </div>
-        <div class="display-options-single-button-container">
-          <button id="display-options-set-primary"
-              class="display-options-button" i18n-content="setPrimary">
-          </button>
+        <div>
+          <div class="selected-display-option-title"
+              i18n-content="selectedDisplayTitleOverscan"></div>
+          <span class="display-options-button-container">
+            <button id="selected-display-start-calibrating-overscan"
+                class="display-options-button"
+                i18n-content="startCalibratingOverscan">
+            </button>
+          </span>
         </div>
       </div>
     </div>