Make settings page more touch friendly (font-size, checkbox, radio, adding language page).

chrome/browser/resources/options/language_options.css

 .language-options {
   display: -webkit-box;
   margin: 10px 0;
 }
 
 .language-options-lower-left button,
 .language-options-right button {
   min-width: 70px;
 }
 
@@ skipping 112 matching lines @@
   -webkit-column-gap: 20px;
 }
 
 html[os=chromeos] #add-language-overlay-cancel-button {
   /* Place the button in the center. */
   display: block;
   margin: auto;
   margin-top: 15px;
 }
 
+<if expr="pp_ifdef('touchui')">
+html[os=chromeos] #add-language-overlay-ok-button {
+  /* Only touchui builds on chromeos have this button. */
+  display: block;
+  margin-right: 10px;
+  margin-top: 15px;
+}
+</if>

[Rick Byers, 2011/10/28 20:07:13]

Adding this rule and the one below doesn't feel like the right fix here.  You
want to behave just like the non-ChromeOS case for touchui.  Maybe you can
simply put all these html[os=chromos] rules inside of an <if> for not touchui? 

[bshe, 2011/10/30 22:46:10]

Done.

+
 html[os=chromeos] #add-language-overlay-page {
   width: 800px;
   padding: 20px;
 }
 
+<if expr="pp_ifdef('touchui')">
+html[os=chromeos] #add-language-overlay-page {
+  width: 450px;
+}
+</if>
+
 html[os=chromeos] #add-language-overlay-page button.link-button {
   padding: 0;
   text-align: left;
 }
 
 html[os=chromeos] #add-language-overlay-page ul {
   padding: 0;
   margin: 0;
 }
 
@@ skipping 48 matching lines @@
 }
 
 #chewing-max-chi-symbol-len {
   width: 100px;
   height: 30%;
 }
 
 #add-language-overlay-page .content-area {
   padding-bottom: 10px;
 }