fix(report): footer height on small viewports (#2400)

GoogleChrome · May 30, 2017 · 6168af8 · 6168af8
1 parent dc8b4c3
commit 6168af8
Showing 1 changed file with 13 additions and 5 deletions.
diff --git 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>