Implemented UI for the meetings controller out-of-box.

chrome/browser/resources/chromeos/login/pairing_device_list.css

+/* Copyright 2014 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+:host {
+  display: block;
+  overflow: auto;
+}
+
+core-selector {
+  display: block;
+}
+
+:host([connecting]) {
+  pointer-events: none;
+}
+
+core-item {
+  padding-bottom: 22px;
+  padding-top: 22px;
+}
+
+/* [icon] is needed to increase specificity. */
+core-item core-icon[icon] {
+  height: 40px;
+  margin-right: 1em;

[Nikita (slow), 2014/10/13 17:23:40]

-webkit-margin-end?

[dzhioev (left Google), 2014/10/15 14:07:43]

Created issue and added TODO.

[Nikita (slow), 2014/10/15 14:38:38]

Why not just replace margin-right right here? :)

[dzhioev (left Google), 2014/10/16 21:27:58]

Partial RTL support is worse than no RTL support =)

+  width: 40px;
+}
+
+/* Items separator. */
+core-item:not(:last-child)::after {
+  background-color: rgba(0, 0, 0, 0.1);
+  bottom: 0;
+  content: '';
+  display: block;
+  height: 1px;
+  left: calc(40px + 1em);

[Nikita (slow), 2014/10/13 17:23:40]

Please add rtl support.

[dzhioev (left Google), 2014/10/15 14:07:44]

ditto

+  position: absolute;
+  right: 0;
+}
+
+.throbber {
+  display: none;
+}
+
+:host([connecting]) core-item.core-selected .throbber {
+  background: url('chrome://resources/images/throbber.svg') no-repeat;
+  background-size: cover;
+  display: inline-block;
+  height: 25px;
+  margin-right: 10px;

[Nikita (slow), 2014/10/13 17:23:40]

-webkit-margin-end?

[dzhioev (left Google), 2014/10/15 14:07:44]

ditto

[Nikita (slow), 2014/10/15 14:38:38]

Why not just replace margin-right right here? :)

[dzhioev (left Google), 2014/10/16 21:27:58]

ditto

+  width: 25px;
+}
+