DevTools: polish service worker inspector UI

third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css

Index: third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css b/third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css
index 86646e7dda695ce244f0b45d8ec27c11cfd67873..b1d9c7d329d8ceaa3a777611dd45de8e05feb2bf 100644
--- a/third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css
+++ b/third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css
@@ -58,16 +58,15 @@
     border-left: 1px solid #e1e1e1;
     border-right: 1px solid #e1e1e1;
     display: flex;
+    flex-direction: column;
 }
 
-.service-workers-versions-panel-left {
-    flex: 3 3 0;
+.service-workers-versions-panel-top {
+    flex: none;
     overflow: hidden;
-    padding: 3px;
 }
-.service-workers-versions-panel-right {
-    flex: 5 5 0;
-    padding: 3px;
+.service-workers-versions-panel-bottom {
+    flex: none;
 }
 
 .service-workers-versions-table-row {
@@ -78,53 +77,54 @@
     color: #888;
     flex: 1 1 0;
     overflow: hidden;
-    padding: 8px;
+    padding-left: 6px;
     text-overflow: ellipsis;
+    height: 24px;
+    align-items: center;
+    display: flex;
 }
 
 .service-workers-versions-table-row-content {
     flex: 2 2 0;
     overflow: hidden;
-    padding: 8px;
+    padding: 2px;
     text-overflow: ellipsis;
+    line-height: 24px;
+    height: 24px;
+    align-items: center;
+    display: flex;
 }
 
-.service-workers-versions-table-messages-title {
+.service-workers-versions-table-title {
     color: #888;
-    padding: 8px 8px 3px 8px;
+    padding: 0 6px;
+    line-height: 24px;
 }
 
 .service-workers-versions-table-messages-content {
-    padding: 3px 3px 3px 10px;
+    padding-left: 10px;
     line-height: 22px;
     max-height: 150px;
-    border-left: 1px solid #eee;
     overflow: auto;
     margin-right: 10px;
 }
 
-.service-workers-versions-table-clients-title {
-    color: #888;
-    padding: 8px 8px 3px 8px;
-}
-
 .service-workers-versions-table-clients-content {
     overflow: auto;
-    padding: 3px 3px 3px 10px;
+    line-height: 24px;
+    padding-left: 23px;
 }
 
 .service-workers-versions-table-worker-running-status-cell {
     display: flex;
-}
-
-.service-workers-versions-table-running-status-right-cell {
-    padding: 3px;
+    align-items: center;
 }
 
 .service-workers-versions-table-running-status-inspect {
     color: hsl(240, 85%, 37%);
     cursor: pointer;
     text-decoration: underline;
+    padding: 0 6px;
 }
 
 .service-workers-versions-option-panel {