More compact paddings in the CSS value trace view

Fixed: 404535909
Change-Id: I17887db44301d56f29bd2383c5db6f40733efa37
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6368839
Reviewed-by: Eric Leese <[email protected]>
Auto-Submit: Philip Pfaffe <[email protected]>
Commit-Queue: Eric Leese <[email protected]>

Author: pfaffe

front_end/panels/elements/cssValueTraceView.css

@@ -13,15 +13,15 @@
 
   display: grid;
   grid-template-columns: var(--cell-width) 1fr;
-  margin: var(--sys-size-3);
+  margin: 0;
 
   & .trace-line-icon {
     grid-column-start: 1;
     width: var(--sys-size-9);
     height: var(--sys-size-9);
     text-align: center;
     color: var(--icon-default);
-    padding-top: var(--sys-size-4);
+    padding-top: var(--sys-size-2);
   }
 
   :focus {
@@ -71,9 +71,10 @@
 
   & .trace-line {
     place-self: center start;
-    margin-top: var(--sys-size-2);
     padding: var(--sys-size-3);
     grid-column: 2 / 3;
+    margin: 0;
+    padding-left: var(--sys-size-4);
   }
 }