From 7b3e34910e7e0686a2269b07921b90416087bf6b Mon Sep 17 00:00:00 2001
From: Paul Irish <paul.irish@gmail.com>
Date: Sat, 5 May 2018 20:19:11 -0700
Subject: [PATCH] no wrapping of metric values.

---
 lighthouse-core/report/html/report-styles.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css
index 145c5958ac98..88420f230573 100644
--- a/lighthouse-core/report/html/report-styles.css
+++ b/lighthouse-core/report/html/report-styles.css
@@ -378,11 +378,11 @@
   color: var(--secondary-text-color);
 }
 
-
-.lh-metric--pass .lh-metric__value {
-  color: var(--pass-color);
+.lh-metric__value {
+  white-space: nowrap; /* No wrapping between metric value and the icon */
 }
 
+
 .lh-metric .lh-metric__value::after {
   content: '';
   width: var(--lh-score-icon-width);
@@ -393,6 +393,9 @@
   margin-left: calc(var(--body-font-size) / 2);
 }
 
+.lh-metric--pass .lh-metric__value {
+  color: var(--pass-color);
+}
 .lh-metric--pass .lh-metric__value::after {
   background: var(--pass-icon-url) no-repeat 50% 50%;
 }
@@ -409,7 +412,6 @@
 .lh-metric--fail .lh-metric__value {
   color: var(--fail-color);
 }
-
 .lh-metric--fail .lh-metric__value::after {
   background: var(--fail-icon-url) no-repeat 50% 50%;
 }
@@ -525,7 +527,6 @@
 }
 
 .lh-sparkline__bar {
-  background: var(--informative-color);
   height: 100%;
   float: right;
 }