From ec0fd475fbc292bddc3aebf912979e98497b2724 Mon Sep 17 00:00:00 2001
From: cjamcl <cjamcl@google.com>
Date: Thu, 2 May 2019 17:17:15 -0700
Subject: [PATCH] report(redesign): inline display text. bold audit header text
 (#8592)

---
 lighthouse-core/report/html/report-styles.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css
index 6bbb06095703..80da21de3971 100644
--- a/lighthouse-core/report/html/report-styles.css
+++ b/lighthouse-core/report/html/report-styles.css
@@ -460,7 +460,6 @@
 }
 
 
-.lh-audit__title,
 .lh-audit__display-text,
 .lh-load-opportunity__sparkline,
 .lh-chevron-container {
@@ -470,13 +469,23 @@
   margin-right: 0;
 }
 
-.lh-audit__title {
+.lh-audit__display-text {
   flex: 1;
 }
 
+/* Prepend display text with em dash separator. But not in Opportunities. */
+.lh-audit__display-text:not(:empty):before {
+  content: '—';
+  margin-right: var(--audit-item-gap);
+}
+.lh-audit-group.lh-audit-group--load-opportunities .lh-audit__display-text:not(:empty):before {
+  display: none;
+}
+
 /* Expandable Details (Audit Groups, Audits) */
 .lh-audit__header {
   display: flex;
+  font-weight: 500;
   padding: var(--lh-audit-vpadding) 0;
 }
 
@@ -694,7 +703,6 @@
 
 .lh-load-opportunity__col {
   display: flex;
-  justify-content: space-between;
 }
 
 .lh-load-opportunity__col--one {
@@ -878,6 +886,7 @@
 }
 .lh-audit-group__header span.lh-audit-group__description::before {
   content: '—';
+  margin: 0px var(--audit-item-gap);
 }
 
 .lh-clump > .lh-audit-group__header,