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 42 matching lines @@
   padding: 1px 6px;
 }
 
 .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')">  /*  In TOUCH_UI builds, the IDR_CLOSE_BAR resource is double-size. */

[Rick Byers, 2011/09/20 13:18:50]

Cool, I didn't realize that grit processed <if>s inside of flattenhtml (I
thought they only applied to the outer most resource).  

I like that this keeps the rules local, but I worry a bit about how this will
look when we've added many such conditional styles.  Perhaps a good
middle-ground would be to only apply <if> at the granularity of an entire rule. 
Eg:

<if expr="pp_ifdef('touchui')">
.close-subpage {
  height: 32px;
  width: 32px;
}
</if>

That way each rule would stand alone and still be easily readable, but may have
other rules following it that override the default behavior.  To me this is a
nice trade-off between keeping the common case clear while also keeping the
special cases nearby.  Erik, what do you think?

+  height: 32px;
+  width: 32px;  
+</if>

[arv (Not doing code reviews), 2011/09/19 22:22:14]

Can you use else?

[Rick Byers, 2011/09/20 13:18:50]

I don't think Grit has any support for <else>, does it?  
See
http://codesearch.google.com/#OAMlx_jo-ck/src/tools/grit/grit/format/html_inl...

 }
 
 .close-subpage:hover {
   background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
 }
 
 .close-subpage:active {
   background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
 }
 
@@ skipping 507 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;
 }