From cbf8675d5c995ce8bc5d1083a4917c010af1794b Mon Sep 17 00:00:00 2001 From: Matt Hobbs Date: Tue, 1 Sep 2020 11:13:12 +0100 Subject: [PATCH 1/2] Set explicit width on table code column Without an explicit width on this column with the potential for a large amount of content, there are some audit results that become unreadable. --- lighthouse-core/report/html/report-styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css index a9d6a5239ac0..fa0305726392 100644 --- a/lighthouse-core/report/html/report-styles.css +++ b/lighthouse-core/report/html/report-styles.css @@ -1368,6 +1368,10 @@ text-align: left; } +.lh-table-column--code { + width: 80%; +} + .lh-table-column--bytes, .lh-table-column--timespanMs, .lh-table-column--ms, From 7c3ac8641db4fea8883342956b2d310bf1a62a86 Mon Sep 17 00:00:00 2001 From: Matt Hobbs Date: Tue, 1 Sep 2020 19:20:57 +0100 Subject: [PATCH 2/2] Update to use `min-width` after feedback --- lighthouse-core/report/html/report-styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css index fa0305726392..355c71b5188d 100644 --- a/lighthouse-core/report/html/report-styles.css +++ b/lighthouse-core/report/html/report-styles.css @@ -1369,7 +1369,7 @@ } .lh-table-column--code { - width: 80%; + min-width: 100px; } .lh-table-column--bytes,