Make the 'Advanced' button into an h2 for easier a11y navigation.

chrome/browser/resources/settings/settings_main/settings_main.html

Index: chrome/browser/resources/settings/settings_main/settings_main.html
diff --git a/chrome/browser/resources/settings/settings_main/settings_main.html b/chrome/browser/resources/settings/settings_main/settings_main.html
index 5990eceac019f28e93e72257b2608d59113fd847..bb54945d8b1ff04d4fb9120af63769ef6bbcce2b 100644
--- a/chrome/browser/resources/settings/settings_main/settings_main.html
+++ b/chrome/browser/resources/settings/settings_main/settings_main.html
@@ -33,7 +33,11 @@
       #toggleContainer {
         align-items: center;
         display: flex;
+        font-size: inherit;
+        font-weight: inherit;

[Dan Beam, 2016/10/04 16:43:59]

does font: inherit; work?

should we do this more globally in settings_shared_css?

[hcarmona, 2016/10/04 17:01:31]

font: inherit works here. Updated.

This is a special case because it's not styled like a heading, h2 is
a11y only. So, I don't think we need to do this in a more global place.

         justify-content: center;
+        margin-bottom: 0;
+        margin-top: 0;
       }
 
       #toggleSpacer {
@@ -73,13 +77,13 @@
       <template is="dom-if" if="[[showAdvancedToggle_(
           showPages_.basic, hasExpandedSection_, inSearchMode_)]]">
         <div id="toggleSpacer"></div>
-        <div id="toggleContainer">
+        <h2 id="toggleContainer">
           <paper-button id="advancedToggle" on-tap="toggleAdvancedPage_">
             <span>$i18n{advancedPageTitle}</span>
             <iron-icon icon="[[arrowState_(advancedToggleExpanded_)]]">
             </iron-icon>
           </paper-button>
-        </div>
+        </h2>
       </template>
       <template is="dom-if" if="[[showAdvancedPage_(
           showPages_.advanced, inSearchMode_, hasExpandedSection_)]]">