[GM3Restyling] Update Layers key-value pairs (details)

Before: https://i.imgur.com/UlgRbDB.png
After: https://i.imgur.com/2uX52gQ.png
Bug: 325443308
Change-Id: Ib21229e7544102305345176e8007ec26349e043e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6375527
Auto-Submit: Kim-Anh Tran <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>

Author: ktran

front_end/panels/layer_viewer/layerDetailsView.css

@@ -8,12 +8,22 @@
   display: flex;
 }
 
+table {
+  border-spacing: 0;
+}
+
 table td {
-  padding-left: 8px;
+  font: var(--sys-typescale-body4-regular);
+  line-height: 18px;
+  padding: var(--sys-size-3) var(--sys-size-5);
+  vertical-align: top;
 }
 
 table td:first-child {
-  font-weight: bold;
+  color: var(--sys-color-on-surface-subtle);
+  font: var(--sys-typescale-body5-medium);
+  line-height:  18px;
+  white-space: nowrap;
 }
 
 .scroll-rect.active {