DevTools: brush up new details cards on timeline.

third_party/WebKit/Source/devtools/front_end/components/domUtils.css

 /*
  * Copyright 2015 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: inline;
+    display: inline;
+    background-color: #fafafa;
 }
 
 .node-link {
     cursor: pointer;
     display: inline;
     pointer-events: auto;
 }
 
 .stack-preview-async-description {
     padding: 3px 0 1px;
     font-style: italic;
 }
 
 .stack-preview-container .webkit-html-blackbox-link {
     opacity: 0.6;
 }
 
 .stack-preview-container > tr {
     height: 17px;
+    padding: 0 2px;
 }
 
 .stack-preview-container td {
     white-space: nowrap;
+    padding: 0 4px;
+}
+
+.stack-preview-container > tr:nth-child(even) {
+    background-color: #f0f0f0;
+}
+
+.stack-preview-container td:last-child {
+    text-align: right;
 }
 
 .node-label-name {
     color: rgb(136, 18, 128);
 }
 
 .node-label-id {
     color: rgb(26, 26, 166);
 }
 
 .node-label-class, .node-label-pseudo {
     color: rgb(153, 69, 0);
 }