Fix X button size of subpage for touch ui

chrome/browser/resources/options/options_page.css

Index: chrome/browser/resources/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index d9658cf822a8de442e60dc136677c5bed36eb90c..ab26de080ea3960effdf9d15dd20c83b350c315a 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -60,6 +60,10 @@
   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 {