From 4a2f97a21644989c325e1203be2af7230773934f Mon Sep 17 00:00:00 2001
From: Paul Irish <paul.irish@gmail.com>
Date: Fri, 16 Dec 2016 16:00:03 -0800
Subject: [PATCH] devtools report style tweaks.

---
 lighthouse-core/report/styles/report.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/lighthouse-core/report/styles/report.css b/lighthouse-core/report/styles/report.css
index a51b0b38c788..573c2aa21b40 100644
--- a/lighthouse-core/report/styles/report.css
+++ b/lighthouse-core/report/styles/report.css
@@ -64,6 +64,7 @@ span, div, p, section, header, h1, h2, li, ul {
   --subheading-font-size: 16px;
   --subheading-line-height: 20px;
   --subheading-color: inherit;
+  --report-header-height: 0;
   --heading-font-size: 20px;
   --heading-line-height: 24px;
   --subitem-indent: 24px;
@@ -76,6 +77,7 @@ html {
   line-height: 1;
   margin: 0;
   padding: 0;
+  min-width: 455px;
 }
 
 html, body {
@@ -869,11 +871,16 @@ body {
 }
 
 :root[data-report-context="devtools"] .report {
-  margin: 0;
+  margin: 10px 10px;
+  padding: 10px;
   box-shadow: none;
   max-width: none;
+  width: auto;
 }
 
+:root[data-report-context="devtools"] report-body__aggregations-container > section:first-child {
+  padding-top: calc(var(--heading-line-height) / 3);
+}
 :root[data-report-context="devtools"] .report-body__menu-container {
   display: none;
 }