Fix height of of menu items in the network menu when used with touch optimization.

chrome/browser/resources/options2/browser_options.css

Index: chrome/browser/resources/options2/browser_options.css
diff --git a/chrome/browser/resources/options2/browser_options.css b/chrome/browser/resources/options2/browser_options.css
index ece825b44aa8d06f5b67c982bbc0092ec1c13487..7682b8c1dd5018a5bcc55b3b84ff770fa781ef04 100644
--- a/chrome/browser/resources/options2/browser_options.css
+++ b/chrome/browser/resources/options2/browser_options.css
@@ -306,6 +306,10 @@ list:not([disabled]) > .network-group[selected] {
   vertical-align: middle;
 }
 
+html[touch-optimized] .network-menu-item {
+  height: 40px;
+}
+
 .network-menu-item-label {
   -webkit-box-flex: 1;
   color: #555;
@@ -317,6 +321,10 @@ list:not([disabled]) > .network-group[selected] {
   white-space: nowrap;
 }
 
+html[touch-optimized] .network-menu-item-label {
+  padding-top: 14px;
+}
+
 .network-disabled-control {
   color: #999;
 }
@@ -337,6 +345,10 @@ list:not([disabled]) > .network-group[selected] {
     text-overflow: ellipsis;
 }
 
+html[touch-optimized] .network-menu-group {
+  max-height: 200px;
+}
+
 .network-menu-item[dir=rtl] {
   background: right center no-repeat;
 }