[recorder] Reduce the padding around sections

This reduces the needed space while still maintaining a gap of 16px.
between the selection. It also fixes an issue where scrolled appeared even when everything fit on screen.

Bug: none
Change-Id: Icb8123cb15979e4370df3b38258a18cb79e3fec3
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6862593
Reviewed-by: Alex Rudenko <[email protected]>
Commit-Queue: Nikolay Vitkov <[email protected]>

Author: Lightning00Blade

front_end/panels/recorder/components/recordingView.css

@@ -26,9 +26,8 @@
   }
 
   .sections {
-    flex: 1;
     min-height: 0;
-    overflow: hidden auto;
+    overflow: hidden;
     background-color: var(--sys-color-cdt-base-container);
     z-index: 0;
     position: relative;
@@ -52,11 +51,6 @@
     z-index: -1;
   }
 
-  .section:last-child {
-    /* Make sure there is enough space for the context menu. */
-    margin-bottom: 70px;
-  }
-
   .section:last-child::after {
     content: none;
   }

front_end/panels/recorder/components/timelineSection.css

@@ -13,7 +13,7 @@
 
 .timeline-section {
   position: relative;
-  padding: 16px 0 16px 40px;
+  padding: 16px 0 0 40px;
   margin-left: 8px;
 
   --override-color-recording-successful-text: #36a854;