From e011fc6fe501947781d63bbf9beab0c6af6df9ff Mon Sep 17 00:00:00 2001
From: Joseph Schorr <jschorr@gmail.com>
Date: Mon, 6 Jan 2014 17:15:46 -0500
Subject: [PATCH] CSS fixes for Firefox

---
 static/css/quay.css   | 22 +++++++++++++++-------
 static/js/graphing.js |  2 +-
 templates/base.html   | 36 +++++++++++++++++++-----------------
 3 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 8cbb3bb25..f09ce7efc 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -108,6 +108,7 @@ html, body {
 .tooltip {
   word-break: normal !important;
   word-wrap: normal !important;
+  pointer-events: none;
 }
 
 .toggle-icon {
@@ -192,12 +193,11 @@ i.toggle-icon:hover {
   min-height: 100%;
   height: auto !important;
   height: 100%;
-  margin: 0 auto -136px;
+  margin: 0 auto -176px;
 }
 
 .footer-container, .push {
-  height: 110px;
-  overflow: hidden;
+  height: 74px;
 }
 
 .footer-container.fixed {
@@ -1002,12 +1002,20 @@ form input.ng-valid.ng-dirty,
 }
 
 .page-footer {
+  padding: 10px;
+  padding-bottom: 0px;
+  border-top: 1px solid #eee;
+}
+
+.page-footer-padder {
+  margin-top: 76px;
   background-color: white;
   background-image: none;
-  padding: 10px;
-  padding-bottom: 40px;
-  margin-top: 52px;
-  border-top: 1px solid #eee;
+
+  overflow: hidden;
+  width: 100%;
+  height: 80px;
+  padding-top: 24px;
 }
 
 .page-footer .row {
diff --git a/static/js/graphing.js b/static/js/graphing.js
index fbf5f2162..406c9bbf6 100644
--- a/static/js/graphing.js
+++ b/static/js/graphing.js
@@ -86,7 +86,7 @@ ImageHistoryTree.prototype.updateDimensions_ = function() {
     $('#' + container).removeOverscroll();
     var viewportHeight = $(window).height();
     var boundingBox = document.getElementById(container).getBoundingClientRect();
-    document.getElementById(container).style.maxHeight = (viewportHeight - boundingBox.top - 110) + 'px';
+    document.getElementById(container).style.maxHeight = (viewportHeight - boundingBox.top - 150) + 'px';
 
     $('#' + container).overscroll();
 
diff --git a/templates/base.html b/templates/base.html
index af71c9bde..0f8851206 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -106,24 +106,26 @@ var isProd = document.location.hostname === 'quay.io';
     </div>
 
     <div class="footer-container" ng-class="fixFooter ? 'fixed' : ''">
-      <nav class="page-footer visible-lg visible-md">
-        <div class="row">         
-          <div class="col-md-7">
-            <ul>
-              <li><span class="copyright">&copy;2013 DevTable, LLC</span></li>
-              <li><a href="http://blog.devtable.com/">Blog</a></li>
-              <li><a href="/tos" target="_self">Terms of Service</a></li>
-              <li><a href="/privacy" target="_self">Privacy Policy</a></li>
-              <li><a href="/security/">Security</a></li>
-              <li><b><a href="mailto:support@quay.io">Contact Support</a></b></li>
-            </ul>
-          </div>
+      <div class="page-footer-padder">
+        <nav class="page-footer visible-lg visible-md">
+          <div class="row">         
+            <div class="col-md-7">
+              <ul>
+                <li><span class="copyright">&copy;2013 DevTable, LLC</span></li>
+                <li><a href="http://blog.devtable.com/">Blog</a></li>
+                <li><a href="/tos" target="_self">Terms of Service</a></li>
+                <li><a href="/privacy" target="_self">Privacy Policy</a></li>
+                <li><a href="/security/">Security</a></li>
+                <li><b><a href="mailto:support@quay.io">Contact Support</a></b></li>
+              </ul>
+            </div>
 
-          <div class="col-md-5 logo-container">
-            <a href="https://devtable.com"><img class="dt-logo" src="/static/img/dt-logo.png"></a>
-          </div>
-        </div> <!-- row -->      
-      </nav>
+            <div class="col-md-5 logo-container">
+              <a href="https://devtable.com"><img class="dt-logo" src="/static/img/dt-logo.png"></a>
+            </div>
+          </div> <!-- row -->      
+        </nav>
+      </div>
     </div>
 
     <!-- Modal message dialog -->