bluetooth: Add service list to DeviceDetailsPage in internals page.

chrome/browser/resources/bluetooth_internals/bluetooth_internals.css

Index: chrome/browser/resources/bluetooth_internals/bluetooth_internals.css
diff --git a/chrome/browser/resources/bluetooth_internals/bluetooth_internals.css b/chrome/browser/resources/bluetooth_internals/bluetooth_internals.css
index 5fa4b2c06a19af04f648e17438755c18eb2764fa..804d7310e51febefed06b4c9129001608c5a1026 100644
--- a/chrome/browser/resources/bluetooth_internals/bluetooth_internals.css
+++ b/chrome/browser/resources/bluetooth_internals/bluetooth_internals.css
@@ -33,6 +33,53 @@ h1 {
       url(../../../../ui/webui/resources/images/check_circle_green.svg);
 }
 
+/* Expandable List */
+list {
+  list-style-type: none;
+  outline: none;
+}
+
+list .spinner {
+  height: 48px;
+  margin: 0 auto;
+  pointer-events: none;
+  width: 48px;
+}
+
+.expandable-list-item .brief-content {
+  align-items: center;
+  background-color: whitesmoke;
+  border-left: 1px solid gray;

[dpapad, 2017/01/13 22:17:20]

Let's use a CSS variable where possible.

[mbrunson, 2017/01/13 23:26:46]

Done.

+  border-right: 1px solid gray;
+  border-top: 1px solid gray;
+  cursor: pointer;
+  display: flex;
+  font-weight: 600;
+  height: 40px;
+  padding: 8px;
+}
+
+.expandable-list-item.expanded > .brief-content {
+  border-bottom: 1px solid gray;
+}
+
+.expandable-list-item:nth-last-child(2) > .brief-content {
+  border-bottom: 1px solid gray;
+}
+
+.expandable-list-item > .expanded-content {
+  height: 0;
+  overflow: hidden;
+}
+
+.expandable-list-item.expanded > .expanded-content {
+  height: auto;
+}
+
+.expandable-list-item .info-container {
+  padding: 0 0 8px;
+}
+
 /* Page container */
 #page-container {
   -webkit-margin-start: var(--sidebar-width);
@@ -336,6 +383,10 @@ table .removed {
 }
 
 /* Object Fieldset Container */
+.flex {
+  overflow-x: auto;
+}
+
 @media screen and (min-width: 601px) {
   .flex {
     display: flex;
@@ -343,6 +394,7 @@ table .removed {
 }
 
 /* Device Details Page */
-.device-details-page section {
+.device-details-page section,
+.info-container fieldset {
   -webkit-margin-start: 1em;
-}
+}