MD Settings: Fix size and padding of expand button

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

Index: chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
diff --git a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
index cd555d2b5037a810f96541701c9add8bd4ffbe04..3460a3626f7eb1a199621d5bd153bda69a2b996f 100644
--- a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
+++ b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
@@ -26,7 +26,7 @@
       }
 
       paper-spinner {
-        @apply(--cr-icon-size);
+        @apply(--cr-icon-height-width);

[dschuyler, 2016/12/16 22:41:41]

Is having a literal name->contents desired?  i.e. if a third thing were added
would the name change?

The -size suffix appears better than -height-width to me on first glance. Could
you tell me more about why this name is better so I 'get-it'? 

[stevenjb, 2016/12/16 22:56:10]

As I'm sure you've now noticed we use 'size' for the actual value that width and
height share. I am open to naming alternatives.

[dschuyler, 2016/12/17 01:13:54]

I don't know, maybe -dimensions or -area. That might not be better. I think
-size is ok as an option too. I see what you're saying and don't want the CL to
get stuck on a variable name.

(I tried MW Thesaurus on dimensions and one option was bailiwick, kinda
tempting).

[stevenjb, 2016/12/19 18:20:21]

--cr-icon-size = 8px
--cr-icon-height-width = { height: var(--cr-icon-size); width:
var(--cr-icon-size); }

Otherwise I would have stuck with -size.

If we add properties to --cr-icon-height-width, then we should rename it, but I
suspect we won't. I agree that the name is not great.

         margin: 0 10px;
       }