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

9 Dec 2015

commit 63699e3da2731c89d1a4e0fbd5e4ba05ea21ff13
Author: Arthur Edelstein arthuredelstein@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 6331997..a95ae6f 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 2776a0e..806fec5 100644
--- a/src/chrome/skin/aboutTor.css
+++ b/src/chrome/skin/aboutTor.css
@@ -309,12 +309,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 {
@@ -327,6 +336,7 @@ body .top div.hideIfTorIsUpToDate h1.hideIfTorOff {
#donation-banner-quote {
   color: darkgreen;
+  font-family: serif;
   font-size: 18px;
   text-align: start;
   white-space: normal;
@@ -365,11 +375,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;
 }

    