Web Inspector: Timelines Tab: Screenshots: not enough space between i…

…mages

https://bugs.webkit.org/show_bug.cgi?id=240849

Reviewed by Patrick Angle.

* Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css:
(.timeline-view.screenshots > img):
(.timeline-view.screenshots > img + img): Added.

Canonical link: https://commits.webkit.org/250935@main
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@294770 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/UserInterface/Views/ScreenshotsTimelineView.css

@@ -31,11 +31,16 @@
 }
 
 .timeline-view.screenshots > img {
-    max-width: 100%;
-    max-height: 100%;
-    margin-left: auto;
-    margin-right: auto;
+    max-width: calc(80% - (var(--margin) * 2));
+    max-height: calc(100% - (var(--margin) * 2));
+    margin: var(--margin);
     border: 2px solid transparent;
+
+    --margin: 20px;
+}
+
+.timeline-view.screenshots > img + img {
+    margin-inline-start: 0;
 }
 
 .timeline-view.screenshots > img.selected {