[tbb-commits] [torbutton/maint-1.9.3] Bug 17770: Fix alignments on donation banner

[gk at torproject.org]

commit b2be87834a9f7bde1e1366d6f395d5c068b53ed4
Author: Arthur Edelstein <arthuredelstein at gmail.com>
Date:   Mon Dec 7 17:07:39 2015 -0800

    Bug 17770: Fix alignments on donation banner
---
 src/chrome/content/aboutTor/aboutTor.xhtml |    2 +-
 src/chrome/skin/aboutTor.css               |   14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/chrome/content/aboutTor/aboutTor.xhtml b/src/chrome/content/aboutTor/aboutTor.xhtml
index dbfca72..d9e7704 100644
--- a/src/chrome/content/aboutTor/aboutTor.xhtml
+++ b/src/chrome/content/aboutTor/aboutTor.xhtml
@@ -217,7 +217,7 @@ function setupDonationBanner() {
     return;
   }
   // Now we can show the banner.
-  document.getElementById("donation-banner").style.display = "inline";
+  document.getElementById("donation-banner").style.display = "block";
 }
 ]]>
 </script>
diff --git a/src/chrome/skin/aboutTor.css b/src/chrome/skin/aboutTor.css
index 038d470..5f43f8c 100644
--- a/src/chrome/skin/aboutTor.css
+++ b/src/chrome/skin/aboutTor.css
@@ -351,12 +351,21 @@ body .top div.hideIfTorIsUpToDate h1.hideIfTorOff {
   display: none;
 }
 
+#donation-banner > a {
+  display: block;
+}
+
 #donation-banner-inner {
   margin: 0px auto;
   position: relative;
   text-align: left;
   width: 700px;
   z-index: -1;
+  display: block;
+}
+
+#donation-banner-image {
+  display: block;
 }
 
 #donation-banner-text {
@@ -369,6 +378,7 @@ body .top div.hideIfTorIsUpToDate h1.hideIfTorOff {
 
 #donation-banner-quote {
   color: darkgreen;
+  font-family: serif;
   font-size: 18px;
   text-align: start;
   white-space: normal;
@@ -407,11 +417,11 @@ body .top div.hideIfTorIsUpToDate h1.hideIfTorOff {
   color: white;
   font-family: sans-serif;
   font-size: 20px;
-  left: 600px;
+  left: 490px;
   padding: 10px;
   position: absolute;
   text-align: center;
-  top: 153px;
+  top: 144px;
   vertical-align: middle;
   width: 110px;
 }