Increase section indent when using touch.

chrome/browser/resources/uber/uber_shared.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body.uber-frame {
   -webkit-margin-start: 155px;
   color: rgb(48, 57, 66);
 }
 
 html[dir='rtl'] body.uber-frame {
@@ skipping 95 matching lines @@
 }
 
 body.uber-frame section:last-of-type {
   margin-bottom: 0;
 }
 
 body.uber-frame section > h3 {
   -webkit-margin-start: -18px;
 }
 
+@media(pointer:coarse) {
+  /* TODO(kevers):  Remove the extra padding once the following bug is fixed:
+   * https://bugs.webkit.org/show_bug.cgi?id=95204
+   * In the interim, the added padding makes it less likely that a touch will
+   * span the boundary of the navigation bar, which results in poor touch
+   * adjustments. */
+  body.uber-frame section {
+    -webkit-padding-start: 28px;
+  }
+  body.uber-frame section > h3 {
+    -webkit-margin-start: -28px;
+  }
+}
+
 body.uber-frame section > div:only-of-type {
   -webkit-box-flex: 1;
 }
 
 /* Styles for a hideable notification banner at the top of a page.
  * See the Options page .managed-prefs-banner for a usage example. */
 .page.showing-banner {
   margin-top: 45px;
 }
 
@@ skipping 29 matching lines @@
   background-size: 16px;
   display: block;
   line-height: 24px;
   padding-left: 26px;
 }
 
 .page-banner.clickable:active .page-banner-text {
   background: -webkit-linear-gradient(rgb(250, 230, 145),
                                       rgb(255, 242, 183));
 }