[DevTools] Show LastModified and ResponseTime of ServiceWorker script in DevTools

Source/devtools/front_end/resources/serviceWorkersView.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.
  */
 
 .service-workers-view {
     overflow: auto;
 }
 
@@ skipping 169 matching lines @@
 } /* media */
 
 .service-workers-button:hover {
     opacity: 1;
 }
 
 .service-workers-button:active {
     opacity: 0.8;
 }
 
-.service-workers-error-icon {
+.service-workers-error-icon,

[dgozman, 2015/03/30 12:54:23]

Instead of these styles, just use custom element "dt-icon-label" and set it's
type. See smallIcon.css for available types.

[horo, 2015/03/30 15:05:40]

Done.

+.service-workers-info-icon {
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 144px;
-    background-position: -213px -96px;
     height: 10px;
     width: 10px;
     border: 0;
     padding: 0;
     margin: 2px;
     min-width: 10px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
-.service-workers-error-icon {
+.service-workers-error-icon,
+.service-workers-info-icon {
     background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
+
+.service-workers-error-icon {
+    background-position: -213px -96px;
+}
+
+.service-workers-info-icon {
+    background-position: -213px -107px;
+}
+
 .service-workers-error {
     display: flex;
 }
 
 .service-workers-error-message {
     font-weight: bold;
 }
 
+.service-workers-info {
+    display: flex;
+}
+
 .service-workers-color-0 {
     background-color: #003366;
 }
 
 .service-workers-color-1 {
     background-color: #663300;
 }
 
 .service-workers-color-2 {
     background-color: #660066;
@@ skipping 19 matching lines @@
     background-color: #996600;
 }
 
 .service-workers-color-8 {
     background-color: #9900CC;
 }
 
 .service-workers-color-9 {
     background-color: #336600;
 }