From b64b6040e18b8c6db6162d533d4feec797064755 Mon Sep 17 00:00:00 2001
From: Takashi Fujita <tgfjt.mail@gmail.com>
Date: Tue, 18 Dec 2018 18:56:45 +0900
Subject: [PATCH 1/2] report: fix audits DOM style

fix: some texts protruded from the box of runtime-settings
---
 lighthouse-core/report/html/templates.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lighthouse-core/report/html/templates.html b/lighthouse-core/report/html/templates.html
index 2adbb3e488eb..326422e4f4ef 100644
--- a/lighthouse-core/report/html/templates.html
+++ b/lighthouse-core/report/html/templates.html
@@ -450,6 +450,7 @@
       font-family: var(--monospace-font-family);
       font-size: var(--caption-font-size);
       padding-left: 5px;
+      word-break: break-all;
     }
   </style>
   <footer class="lh-footer">

From 2830c7228555f2818d567efd5238693b6861ee90 Mon Sep 17 00:00:00 2001
From: tgfjt <tgfjt.mail@gmail.com>
Date: Fri, 21 Dec 2018 11:04:03 +0900
Subject: [PATCH 2/2] report: fix audits description style

fix: add modifier class into the description of URL
---
 lighthouse-core/report/html/renderer/report-renderer.js | 8 +++++++-
 lighthouse-core/report/html/templates.html              | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/lighthouse-core/report/html/renderer/report-renderer.js b/lighthouse-core/report/html/renderer/report-renderer.js
index 8b9559fa4814..5a956fe031b2 100644
--- a/lighthouse-core/report/html/renderer/report-renderer.js
+++ b/lighthouse-core/report/html/renderer/report-renderer.js
@@ -125,8 +125,14 @@ class ReportRenderer {
       if (!runtime.description) return;
 
       const item = this._dom.cloneTemplate('#tmpl-lh-env__items', env);
+      const description = this._dom.find('.lh-env__description', item);
       this._dom.find('.lh-env__name', item).textContent = `${runtime.name}:`;
-      this._dom.find('.lh-env__description', item).textContent = runtime.description;
+      description.textContent = runtime.description;
+
+      if (runtime.name === 'URL') {
+        description.classList.add('is-url');
+      }
+
       env.appendChild(item);
     });
 
diff --git a/lighthouse-core/report/html/templates.html b/lighthouse-core/report/html/templates.html
index 326422e4f4ef..fb5a93f0de43 100644
--- a/lighthouse-core/report/html/templates.html
+++ b/lighthouse-core/report/html/templates.html
@@ -450,6 +450,8 @@
       font-family: var(--monospace-font-family);
       font-size: var(--caption-font-size);
       padding-left: 5px;
+    }
+    span.lh-env__description.is-url {
       word-break: break-all;
     }
   </style>