MD Settings: make custom UIs look "actionable"

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

Index: chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.html
diff --git a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.html b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.html
index 252ef143591918ef91a7bccaa759b795d86652a7..ee62d996f45c468be660df9f92ba308ec6c163a0 100644
--- a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.html
+++ b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.html
@@ -28,7 +28,7 @@
   </style>
   <template>
     <div class="flex layout horizontal center" dropdown$="[[dropdownOpened]]"
-        on-tap="itemTapped_">
+        on-tap="itemTapped_" actionable>
       <span class="name" connected$="[[device.connected]]">
         [[getDeviceName_(device)]]
       </span>
@@ -36,11 +36,15 @@
       </iron-icon>
       <span class="flex"></span>
       <span hidden$="[[!device.connecting]]">$i18n{bluetoothConnecting}</span>
+      <!-- TODO(dbeam): this is not [actionable] because it does nothing. -->

[dpapad, 2016/06/23 20:51:45]

This TODO does not state explicitly what needs to be done. Can you elaborate a
bit.

[Dan Beam, 2016/06/23 21:28:03]

dropped "TODO"

       <div hidden$="[[!device.paired]]" on-tap="doNothing_">
         <paper-icon-button icon="cr:more-vert" toggles
             active="{{dropdownOpened}}">
         </paper-icon-button>
-        <iron-dropdown opened="{{dropdownOpened}}" on-tap="menuSelected_">
+        <!-- TODO(dbeam): does this need [actionable] if all the controls are
+             paper-items. Conversely, should the on-tap be at this level? -->
+        <iron-dropdown opened="{{dropdownOpened}}" on-tap="menuSelected_"
+            actionable>
           <div class="dropdown-content">
             <paper-item id="connect" hidden$="[[device.connected]]">
               $i18n{bluetoothConnect}