[Nearby] Fix CSS style and add TODO's for debug page.

Resolved CSS pre-submit errors and added TODO comments for missing
border on the Contacts tab and HTTP Messages tab.

Bug: 1093634
Change-Id: I1c7425eb1d8f32e7a9b2f80ccc05fb5586e1494b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2368823Reviewed-by: Josh Nohle <nohle@chromium.org>
Commit-Queue: Juliet Levesque <julietlevesque@google.com>
Cr-Commit-Position: refs/heads/master@{#800719}

chrome/browser/resources/nearby_internals/contact_object.html

@@ -5,8 +5,8 @@
 
   #item {
     background: rgb(204, 204, 255);
-    border-left: var(--standard-border);
-    border-right: var(--standard-border);
+    border-inline-end: var(--standard-border);
+    border-inline-start: var(--standard-border);
     border-top: var(--standard-border);
   }
 
@@ -19,7 +19,7 @@
     display: inline-block;
     margin: 10px;
     padding: 10px;
-    text-align: left;
+    text-align: start;
     white-space: pre-wrap;
     width: 100%;
   }
@@ -37,7 +37,7 @@
 
   .expanded-element {
     display: inline-block;
-    padding-left: 10px;
+    padding-inline-start: 10px;
   }
 </style>
 <div id="item">

chrome/browser/resources/nearby_internals/contact_tab.html

@@ -20,6 +20,8 @@
 </cr-button>
 <dom-repeat items="[[contactList_]]" as="contact" id="contact-list"
     hidden="[[!contactList_.length]]">
+  <!-- TODO(https://crbug.com/1120668): Add missing bottom border to contact
+    list. -->
   <template>
     <contact-object item="[[contact]]">
     </contact-object>

chrome/browser/resources/nearby_internals/http_message_object.html

@@ -4,8 +4,8 @@
   }
 
   #item {
-    border-left: var(--standard-border);
-    border-right: var(--standard-border);
+    border-inline-end: var(--standard-border);
+    border-inline-start: var(--standard-border);
     border-top: var(--standard-border);
   }
 
@@ -18,7 +18,7 @@
     display: inline-block;
     margin: 10px;
     padding: 5px;
-    text-align: left;
+    text-align: start;
     white-space: pre-wrap;
     width: 100%;
   }

chrome/browser/resources/nearby_internals/http_tab.html

@@ -22,6 +22,8 @@
 </cr-button>
 <dom-repeat items="[[httpMessageList_]]" as="http-message"
     hidden="[[!httpMessageList_.length]]">
+    <!-- TODO(https://crbug.com/1120668): Add missing bottom border to HTTP
+    Messages list. -->
   <template>
     <http-message-object item="[[http-message]]">
     </http-message-object>

chrome/browser/resources/nearby_internals/logging_tab.html

@@ -11,9 +11,9 @@
   }
 
   log-object {
+    border-inline-end: var(--standard-border);
+    border-inline-start: var(--standard-border);
     border-top: var(--standard-border);
-    border-right: var(--standard-border);
-    border-left: var(--standard-border);
   }
 
   log-object:last-child {

chrome/browser/resources/nearby_internals/ui_trigger_tab.html

@@ -8,8 +8,8 @@
   }
 
   ui-trigger-object {
-    border-left: var(--standard-border);
-    border-right: var(--standard-border);
+    border-inline-end: var(--standard-border);
+    border-inline-start: var(--standard-border);
     border-top: var(--standard-border);
   }
 
@@ -22,7 +22,7 @@
   }
 
   #share-select {
-    padding-right: 10px;
+    padding-inline-end: 10px;
   }
 
   #flex {