From b0d1850b54d536255729bf36a932e105b14dd31b Mon Sep 17 00:00:00 2001
From: Patrick Hulce <patrick.hulce@gmail.com>
Date: Tue, 30 May 2017 16:07:16 -0700
Subject: [PATCH] fix(report): footer height on small viewports

---
 lighthouse-core/report/v2/templates.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/lighthouse-core/report/v2/templates.html b/lighthouse-core/report/v2/templates.html
index 441f106794da..7428e17ce025 100644
--- a/lighthouse-core/report/v2/templates.html
+++ b/lighthouse-core/report/v2/templates.html
@@ -330,16 +330,24 @@ <h1 class="leftnav__header__title">Lighthouse</h1>
 <template id="tmpl-lh-footer">
   <style>
     .lh-footer {
-      text-align: center;
-      line-height: 90px;
+      min-height: 90px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       background-color: var(--report-header-bg-color);
       border-top: 1px solid var(--report-secondary-border-color);
     }
+
+    .lh-footer span {
+      text-align: center;
+    }
   </style>
   <footer class="lh-footer">
-    Generated by <b>Lighthouse</b> <span class="lh-footer__version"><!-- fill me --></span> on
-    <span class="lh-footer__timestamp"><!-- fill me --></span> |
-    <a href="https://github.com/GoogleChrome/Lighthouse/issues" target="_blank" rel="noopener">File an issue</a>
+    <span>
+      Generated by <b>Lighthouse</b> <span class="lh-footer__version"><!-- fill me --></span> on
+      <span class="lh-footer__timestamp"><!-- fill me --></span> |
+      <a href="https://github.com/GoogleChrome/Lighthouse/issues" target="_blank" rel="noopener">File an issue</a>
+    </span>
   </footer>
 </template>