DevTools: Refactor: Split timeline overview strips into components

Source/devtools/front_end/timeline/timelinePanel.css

Index: Source/devtools/front_end/timeline/timelinePanel.css
diff --git a/Source/devtools/front_end/timeline/timelinePanel.css b/Source/devtools/front_end/timeline/timelinePanel.css
index 6429dcce498354c715469affcf06fc077aa4957c..975cdc465172caed9ea3f75b5bb2c038d35d8ead 100644
--- a/Source/devtools/front_end/timeline/timelinePanel.css
+++ b/Source/devtools/front_end/timeline/timelinePanel.css
@@ -250,12 +250,23 @@
     background-color: white;
 }
 
-#timeline-overview-events,
-#timeline-overview-memory,
-#timeline-overview-power {
-    flex: 0 0 100px;
-    z-index: 160;
-    width: 100%;
+#timeline-overview-panel .overview-strip {
+    margin-top: 1px;
+}
+
+#timeline-overview-main-thread,
+#timeline-overview-framerate {
+    flex-basis: 20px;
+}
+
+#timeline-overview-input,
+#timeline-overview-other-threads,
+#timeline-overview-responsiveness {
+    flex-basis: 8px;
+}
+
+#timeline-overview-network {
+    flex-basis: 39px;
 }
 
 #timeline-overview-memory {