bluetooth: Add device details page with basic properties to internals page.

chrome/browser/resources/bluetooth_internals/bluetooth_internals.css

 /* Copyright 2016 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.
  */
 
 :root {
   --fade-duration: 225ms;
   --header-height: 48px;
   --md-timing-function: cubic-bezier(.4, 0, .6, 1);
   --sidebar-width: 155px;
@@ skipping 27 matching lines @@
   -webkit-margin-start: var(--sidebar-width);
 }
 
 @media screen and (max-width: 600px) {
   #page-container {
     -webkit-margin-start: 0;
   }
 }
 
 /* Page content */
-#page-container section {
+#page-container > section {
   padding: 24px 16px;
 }
 
 #page-container .header-extras {
   -webkit-margin-end: 16px;
   -webkit-margin-start: var(--sidebar-width);
   align-items: flex-end;
   display: flex;
   height: var(--header-height);
   justify-content: flex-end;
@@ skipping 30 matching lines @@
   margin: 0;
   width: 48px;
 }
 
 @media screen and (max-width: 600px) {
   #menu-btn {
     display: block;
   }
 
   .page-header > h1 {
-    margin: 13px 0 13px 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 190px;
   }
 }
 
 /* Sidebar */
 #sidebar {
   --transform-duration: 195ms;
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
@@ skipping 84 matching lines @@
 }
 
 /* Device table */
 table {
   border-collapse: collapse;
   margin: 0;
   padding: 0;
   width: 100%;
 }
 
+table a {
+  font-size: 10pt;
+  padding: 6px;
+}
+
 table th,
 table td {
   border: 1px solid #d9d9d9;
   padding: 7px;
 }
 
 table th {
   background-color: #f0f0f0;
   font-weight: normal;
 }
@@ skipping 90 matching lines @@
 .snackbar.error {
   background-color: rgb(244, 67, 54);
 }
 
 .snackbar.open {
   opacity: 1;
   transform: translate3d(0, 0, 0);
   visibility: visible;
 }
 
-/* Adapter Page */
-@media screen and (min-width: 601px) {
-  #adapter {
-    display: flex;
-  }
-}
-
 /* Object Fieldset */
 .object-fieldset .status {
   align-items: center;
   display: flex;
   margin-bottom: 0.8em;
 }
 
 .object-fieldset .status div:first-child {
   -webkit-margin-end: 1em;
   white-space: nowrap;
 }
 
 .object-fieldset .status:last-child {
   margin-bottom: 0;
+}
+
+/* Object Fieldset Container */
+@media screen and (min-width: 601px) {
+  .flex {
+    display: flex;
+  }
+}
+
+/* Device Details Page */
+.device-details-page section {
+  -webkit-margin-start: 1em;
 }