MD-Settings: Label toggle button in Accessibility section.

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

Index: chrome/browser/resources/settings/a11y_page/a11y_page.html
diff --git a/chrome/browser/resources/settings/a11y_page/a11y_page.html b/chrome/browser/resources/settings/a11y_page/a11y_page.html
index cd50d93f0ff60431afc5c94de00c23514dd89fd4..c37925e934d28b6b6ff42d44f8b0163a49dd1ac6 100644
--- a/chrome/browser/resources/settings/a11y_page/a11y_page.html
+++ b/chrome/browser/resources/settings/a11y_page/a11y_page.html
@@ -18,13 +18,10 @@
     <settings-animated-pages id="pages" current-route="{{currentRoute}}"
         section="a11y">
       <neon-animatable route-path="default">
-        <div class="settings-box first">
-          <div id="optionsInMenuLabel" class="start">

[Dan Beam, 2017/04/11 16:41:31]

please locally try your changes: http://i.imgur.com/44SADkq.png

[Dan Beam, 2017/04/11 19:09:36]

if it's not clear, the ==0 toggle button is supposed to be aligned at the end,
like the |> arrows

http://imgur.com/a/1yRPC

-            $i18n{optionsInMenuLabel}
-          </div>
+        <div class="settings-box">
           <settings-toggle-button id="optionsInMenuToggle"
-              pref="{{prefs.settings.a11y.enable_menu}}"
-              aria-labelledby="optionsInMenuLabel">
+              label="$i18n{optionsInMenuLabel}"
+              pref="{{prefs.settings.a11y.enable_menu}}">
           </settings-toggle-button>
         </div>
         <div id="subpage-trigger" class="settings-box two-line"