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;
 }
 
+/*  In TOUCH_UI builds, the IDR_CLOSE_BAR resource is double-size. */
+<if expr="pp_ifdef('touchui')">
+.close-subpage {
+  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;
 }