Fix style issues with MD accessibility page

chrome/browser/resources/settings/a11y_page/manage_a11y_page.html

Index: chrome/browser/resources/settings/a11y_page/manage_a11y_page.html
diff --git a/chrome/browser/resources/settings/a11y_page/manage_a11y_page.html b/chrome/browser/resources/settings/a11y_page/manage_a11y_page.html
index c55a60df3147242972f4721c6b43cf9538a1eebc..35e91beabd5f97e475e5e96577a183526e5ed115 100644
--- a/chrome/browser/resources/settings/a11y_page/manage_a11y_page.html
+++ b/chrome/browser/resources/settings/a11y_page/manage_a11y_page.html
@@ -16,11 +16,6 @@
         border-top: none;
       }
 
-      h3 {
-        color: var(--settings-nav-grey);
-        font-weight: 500;
-      }
-
       .settings-box iron-icon {
         -webkit-margin-end: var(--iron-icon-spacing);
       }
@@ -28,6 +23,10 @@
       .settings-box settings-checkbox {
         flex-grow: 1;
       }
+
+      .list-item settings-dropdown-menu {
+        margin-left: 16px;

[Dan Beam, 2016/09/28 20:28:55]

-webkit-margin-start: 16px;

[dmazzoni, 2016/09/28 22:11:43]

Done. I need to learn how RTL flips everything
around like that. I also need to learn why there
isn't an unprefixed standard for -webkit-margin-start
yet.

+      }
     </style>
     <div class="settings-box row first">
       <span>
@@ -39,7 +38,7 @@
     </div>
 
     <div class="settings-box block">
-      <h3>$i18n{textToSpeechHeading}</h3>
+      <h2>$i18n{textToSpeechHeading}</h2>
       <div class="settings-box first indented">
         <settings-checkbox pref="{{prefs.settings.accessibility}}"
             label="$i18n{chromeVoxLabel}">
@@ -56,7 +55,7 @@
         </div>
       </template>
 
-      <h3>$i18n{displayHeading}</h3>
+      <h2>$i18n{displayHeading}</h2>
       <div class="settings-box block first indented">
         <settings-checkbox label="$i18n{highContrastLabel}"
             pref="{{prefs.settings.a11y.high_contrast_enabled}}">
@@ -82,7 +81,7 @@
         </div>
       </div>
 
-      <h3>$i18n{keyboardHeading}</h3>
+      <h2>$i18n{keyboardHeading}</h2>
       <div class="settings-box block first indented">
         <settings-checkbox
             pref="{{prefs.settings.a11y.sticky_keys_enabled}}"
@@ -112,7 +111,7 @@
         </div>
       </div>
 
-      <h3>$i18n{mouseAndTouchpadHeading}</h3>
+      <h2>$i18n{mouseAndTouchpadHeading}</h2>
       <div class="settings-box block first indented">
         <settings-checkbox label="$i18n{clickOnStopLabel}"
             pref="{{prefs.settings.a11y.autoclick}}">
@@ -143,7 +142,7 @@
         </div>
       </div>
 
-      <h3>$i18n{audioHeading}</h3>
+      <h2>$i18n{audioHeading}</h2>
       <div class="settings-box block first indented">
         <settings-checkbox pref="{{prefs.settings.a11y.mono_audio}}"
             label="$i18n{monoAudioLabel}">