Clarify settings UI in multi-profiles mode

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 97 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;
 }
 
+body.uber-frame .section-header {
+  -webkit-margin-start: -18px;
+  margin-bottom: 0.8em;
+  margin-top: 1.2em;
+}
+
+body.uber-frame .section-header > h3 {
+  display: inline;
+}
+
 /* Styles for a hideable notification banner at the top of a page. */
 .page.showing-banner {
   margin-top: 45px;
 }
 
 .page-banner {
   background-color: white;
   width: 100%;
   z-index: 2;
 }
@@ skipping 26 matching lines @@
   background-size: 16px;
   display: block;
   padding-bottom: 8px;
   padding-top: 8px;
 }
 
 .page-banner.clickable:active .page-banner-text {
   background: -webkit-linear-gradient(rgb(250, 230, 145),
                                       rgb(255, 242, 183));
 }