From 4d0582e9daf404764ebeab42d5b63c2642157509 Mon Sep 17 00:00:00 2001
From: Lucas Legname <lucas.legname@gmail.com>
Date: Mon, 10 Mar 2014 21:49:58 +0100
Subject: [PATCH] Donate page has been improved (qr codes are now showed on the
 right side of the page).

---
 src/main.css           | 5 ++++-
 src/ninja.donatetab.js | 3 ++-
 src/ninja.onload.js    | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main.css b/src/main.css
index 0b66530..14b977e 100644
--- a/src/main.css
+++ b/src/main.css
@@ -121,7 +121,10 @@ body { font-family: Arial; background-image: url('images/diamonds.png'); }
 
 .banner { font-size: 46px; text-shadow: 1px 1px 3px #000; color: #FF9547; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); text-align: left; }
 
-#donatearea { text-align: left; padding: 15px; }
+#donateqrcode { padding: 8px; position: absolute; left: 550px; margin: 25px; border: black solid 1px; }
+#donatelist { padding: 20px; }
+
+#donatearea { text-align: left; padding: 15px 15px 120px 15px; position: relative; }
 #donatearea .address { font-family: 'Courier New', Courier, monospace; }
 	
 /* IE8 */
diff --git a/src/ninja.donatetab.js b/src/ninja.donatetab.js
index b8db6ca..0ed5fdd 100644
--- a/src/ninja.donatetab.js
+++ b/src/ninja.donatetab.js
@@ -7,9 +7,10 @@ ninja.wallets.donate = {
         document.getElementById("donatearea").style.display = "none";
     },
     
-    displayQrCode: function (currencyid) {
+    displayQrCode: function (currencyid, e) {
         var keyValuePair = {};
     	keyValuePair["donateqrcode"] = janin.currencies[currencyid].donate;
 		ninja.qrCode.showQrCode(keyValuePair, 4);
+        document.getElementById("donateqrcode").style.top = (e.offsetTop+15) + 'px';
     }
 };
\ No newline at end of file
diff --git a/src/ninja.onload.js b/src/ninja.onload.js
index 104b110..03db396 100644
--- a/src/ninja.onload.js
+++ b/src/ninja.onload.js
@@ -25,7 +25,7 @@ select.innerHTML = options;
 var donatelist = document.getElementById("donatelist");
 var list = "<table>";
 for(i = 0; i < janin.currencies.length; i++) {
-    list += "<tr onmouseover='ninja.wallets.donate.displayQrCode("+i+")'>"
+    list += "<tr onmouseover='ninja.wallets.donate.displayQrCode("+i+", this)'>"
         +"<td>"+janin.currencies[i].name+"</td>"
         +"<td class='address'><a href='"+janin.currencies[i].name.toLowerCase()+":"+janin.currencies[i].donate+"'>"
         +janin.currencies[i].donate+"</a></td></tr>";