MD Settings: Bluetooth: Make top level UI consistent

chrome/browser/resources/settings/bluetooth_page/bluetooth_page.html

Index: chrome/browser/resources/settings/bluetooth_page/bluetooth_page.html
diff --git a/chrome/browser/resources/settings/bluetooth_page/bluetooth_page.html b/chrome/browser/resources/settings/bluetooth_page/bluetooth_page.html
index 5560b673e7d73ec3b6a9d1e0789e8ea5fdbeec8a..9bbffbca128eb7a9de9a327fd6a05d7c7579688c 100644
--- a/chrome/browser/resources/settings/bluetooth_page/bluetooth_page.html
+++ b/chrome/browser/resources/settings/bluetooth_page/bluetooth_page.html
@@ -39,24 +39,29 @@
     </style>
     <settings-animated-pages id="pages" section="bluetooth">
       <neon-animatable route-path="default">
-        <div class="settings-box first"
+        <div class="settings-box first" actionable
             on-tap="toggleDeviceListExpanded_">
-          <iron-icon icon="settings:bluetooth"></iron-icon>
-          <span class="middle">$i18n{bluetoothEnable}</span>
-          <cr-expand-button id="expandListButton"
-              alt="$i18n{bluetoothExpandA11yLabel}"
-              hidden$="[[!bluetoothEnabled_]]"
-              expanded="{{deviceListExpanded_}}">
-          </cr-expand-button>
-          <paper-toggle-button id="enableBluetooth"
-              checked="{{bluetoothEnabled_}}"
-              disabled="[[!adapterState_.available]]"
-              on-change="onBluetoothEnabledChange_">
-          </paper-toggle-button>
-          <cr-policy-pref-indicator
-              pref="[[prefs.cros.device.allow_bluetooth]]"
-              hidden="[[prefs.cros.device.allow_bluetooth.value]]">
-          </cr-policy-pref-indicator>
+          <div class="start layout horizontal">
+            <iron-icon icon="settings:bluetooth"></iron-icon>
+            <span class="middle flex">$i18n{bluetoothEnable}</span>

[dschuyler, 2016/12/13 00:48:01]

I suspect that line 44 and 56 could be deleted, along with deleting the flex
class entry in line 46. i.e. I'd expect the UI to layout the same after those
deletions.

[stevenjb, 2016/12/13 19:07:45]

Done.

+            <cr-policy-pref-indicator
+                pref="[[prefs.cros.device.allow_bluetooth]]"
+                hidden="[[prefs.cros.device.allow_bluetooth.value]]">
+            </cr-policy-pref-indicator>
+            <cr-expand-button id="expandListButton"
+                alt="$i18n{bluetoothExpandA11yLabel}"
+                hidden$="[[!bluetoothEnabled_]]"
+                expanded="{{deviceListExpanded_}}">
+            </cr-expand-button>
+          </div>
+          <div class="secondary-action">
+            <paper-toggle-button id="enableBluetooth"
+                checked="{{bluetoothEnabled_}}"
+                disabled="[[!adapterState_.available]]"
+                on-change="onBluetoothEnabledChange_"
+                on-tap="doNothing_">
+            </paper-toggle-button>
+          </div>
         </div>
         <iron-collapse opened="[[canShowDeviceList_(bluetoothEnabled_,
                                                     deviceListExpanded_)]]">