Print Preview: Changing the structure of the html/css.

chrome/browser/resources/options/options_page.css

 .hbox {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
 }
 
 .vbox {
   display: -webkit-box;
   -webkit-box-orient: vertical;
 }
 
@@ skipping 554 matching lines @@
  * show the link to the Flash storage settings manager:
  */
 html[flashPluginSupportsClearSiteData] .flash-plugin-area,
 html:not([flashPluginSupportsClearSiteData]) .clear-plugin-lso-data-enabled,
 html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled {
   display: none;
 }
 
 
 /* Display a collection of sections as a table in order to display nicely
- * in multiple locales.  The left column should expand to accomodate the
- * widest label without introducing excessive whitespace.  Labels in
- * languages such as German or Dutch tend to be wider than for English.
+ * in multiple locales.

[James Hawkins, 2011/10/25 01:13:32]

Should probably mention that this is further refining the attributes of
.displaytable pulled in from webui.css.

[dpapad, 2011/10/25 15:36:12]

Done.

  */
 .displaytable {
-  display: table;
   width: 100%;
 }
 
 .displaytable > section {
   display: table-row;
 }
 
 /* right table column containing settable options */
 .displaytable > section > h3 + div,
 .displaytable > section > h3 + table {
@@ skipping 10 matching lines @@
   display: table-cell;
   vertical-align: baseline;
   border-bottom: 1px solid #eeeeee;
 }
 
 /* do not display a border after the last section in the table */
 .displaytable:not([searching='true']) > section:last-child > *  {
   border-bottom: none;
 }