Fix X button size of subpage for touch ui

chrome/browser/resources/options/options_page.css

 .hbox {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
 }
 
 .vbox {
   display: -webkit-box;
   -webkit-box-orient: vertical;
 }
 
@@ skipping 44 matching lines @@
 
 .close-subpage {
   background-image: url('chrome://theme/IDR_CLOSE_BAR');
   height: 16px;
   min-width: 0;
   position: relative;
   top: 16px;
   width: 16px;
 }
 
+<if expr="pp_ifdef('touchui')"> /* CSS rules for touchui builds. */
+.close-subpage {   /*  In TOUCH_UI builds, the IDR_CLOSE_BAR resource is double-size. */

[Rick Byers, 2011/09/22 13:30:10]

Line too long (80 column limit).
I suggest moving this comment up above the <if>.  You can also eliminate the
other comment above ("CSS rules for touchui builds" - I think it's redundant).

[bshe, 2011/09/22 13:47:49]

Done.

+  height: 32px;
+  width: 32px;
+}
+</if>
+
 .close-subpage:hover {
   background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
 }
 
 .close-subpage:active {
   background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
 }
 
 html[dir='ltr'] .close-subpage {
   float: right;
@@ skipping 505 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;
 }