report: fix filmstrip wrap (#15693)

GoogleChrome · Dec 14, 2023 · 8b119b1 · 8b119b1
1 parent f943f89
commit 8b119b1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/report/assets/styles.css b/report/assets/styles.css
@@ -884,16 +884,16 @@
 }
 
 .lh-filmstrip {
-  display: grid;
+  display: flex;
   justify-content: space-between;
-  padding-bottom: var(--default-padding);
+  justify-items: center;
+  margin-bottom: var(--default-padding);
   width: 100%;
-  grid-template-columns: repeat(auto-fit, 90px);
 }
 
 .lh-filmstrip__frame {
-  text-align: right;
-  position: relative;
+  overflow: hidden;
+  line-height: 0;
 }
 
 .lh-filmstrip__thumbnail {

diff --git a/report/renderer/components.js b/report/renderer/components.js