Redesign display options for ChromeOS.

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

Index: chrome/browser/resources/options/chromeos/display_options.css
diff --git a/chrome/browser/resources/options/chromeos/display_options.css b/chrome/browser/resources/options/chromeos/display_options.css
index cec5b4b3c0531a6c3766a287d5ec4fb90ef5b20c..832a0a25025367184c025c945c96aeec2cd207b0 100644
--- a/chrome/browser/resources/options/chromeos/display_options.css
+++ b/chrome/browser/resources/options/chromeos/display_options.css
@@ -27,7 +27,6 @@
 #display-configurations {
   background-color: white;
   border-top: 1px solid lightgrey;
-  height: 65px;
   padding: 15px;
 }
 
@@ -45,24 +44,24 @@
   z-index: 1;
 }
 
-#display-options-buttons-container {
-  float: right;
-  z-index: 2;
-}
-
 html[dir=rtl] #display-options-buttons-container {

[xiyuan, 2013/05/10 22:29:05]

Should we remove this as well since we removed
#display-options-buttons-container rules above?

[Jun Mukai, 2013/05/10 23:00:06]

Done.

   float: left;
 }
 
 
 #selected-display-data-container {
-  float: left;
-  line-height: 200%;
   z-index: 2;
 }
 
-html[dir=rtl] #selected-display-data-container {
-  float: right;
+#selected-display-data-container h2 {
+  font-size: large;
+  font-weight: normal;
+  margin-top: 5px;
+  padding: 0;
+}
+
+#selected-display-data-container td {
+  padding-right: 10px;
 }
 
 #selected-display-name {
@@ -93,5 +92,5 @@ html[dir=rtl] #selected-display-data-container {
 }
 
 .display-options-button {
-  width: 120px;
+  width: 135px;
 }