MD Settings: polish top-level bluetooth page

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

Index: chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.css
diff --git a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.css b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.css
index bd41095ea12028fd8259e70790d7fa91700546ee..1c97197c5da6341ae272e07a46d57888e2874af5 100644
--- a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.css
+++ b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_list_item.css
@@ -2,33 +2,19 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
-#outer {
-  -webkit-padding-end: 5px;
-  -webkit-padding-start: 15px;
-  padding-bottom: 5px;
-  padding-top: 5px;

[Dan Beam, 2016/04/12 04:28:13]

this is all done now by .list-frame

-}
-
-#outer:hover:not([dropdown]) {

[Dan Beam, 2016/04/12 04:28:13]

we're not doing :hover anywhere else yet, and if we do: it should be consistent

-  background-color: #f0f0f0;
-}
-
 iron-icon {
   -webkit-padding-start: 10px;
 }
 
-paper-item:hover {
-  background-color: #f0f0f0;
-}
-
 span.name {
   padding: 10px 0;
 }
 
 span.name[connected] {
-  font-weight: bold;

[Dan Beam, 2016/04/12 04:28:14]

bold looks bad (we don't actually have a weight for that in roboto.css), 500
looks good

[stevenjb, 2016/04/12 15:58:48]

Do we / should we have a shared property we can use here now? This was basically
a placeholder before we had shared styles.

[Dan Beam, 2016/04/12 19:51:02]

yes, but it's ".selected" which doesn't quite apply here as it sounds mutually
exclusive (and more than 1 device can be connected at once, right?)

[stevenjb, 2016/04/13 16:18:42]

I was thinking of a CSS variable, e.g. var(--settings-item-activated). We will
want to share it with internet at least.

[Dan Beam, 2016/04/13 16:45:49]

i assume you mean @apply() unless that variable is just "500" for the
font-weight (which isn't really worth sharing, IMO).

i'll do that in a followup

[stevenjb, 2016/04/13 16:58:42]

@apply is probably better, but given that it was unknown to me that bold/700 was
not a supported font weight in roboto but 500 is, it seems very much worth
sharing IMHO.

[Dan Beam, 2016/04/13 17:38:22]

actually, it's been on my todo list to potentially just change 500 to bold in
roboto.css

https://code.google.com/p/chromium/codesearch#chromium/src/ui/webui/resources...

+  font-weight: 500;
 }
 
+/* TODO(dbeam): combine with other similar styles. */
 .dropdown-content {
   background: white;
   box-shadow: 0 2px 6px grey;