added styling to xmr address

2 files changed, 13 insertions, 2 deletions

diff --git a/index.html b/index.html
index 8d1556f..948f436 100644
--- a/index.html
+++ b/index.html
@@ -150,7 +150,7 @@ If you've found something above useful, consider <a href="#donate">sending</a> s
 <h2 id="donate">Donation</h2>
 <ul>
 	<li>XMR address:
-        <code style="font-size: small;">42hFshxmNoFZfAkDJTjSx9MUruMHdLTiDTE4efpP7xZTYwHMjwDZ6eJea2EnyBGGr5ab81cAovBxxT6KSvpUY5roUdkP1Qj</code>
+        <pre><code>42hFshxmNoFZfAkDJTjSx9MUruMHdLTiDTE4efpP7xZTYwHMjwDZ6eJea2EnyBGGr5ab81cAovBxxT6KSvpUY5roUdkP1Qj</code></pre>
 	    <img style="width:15%;height: auto;" src="pix/xmr.gif" alt="address QR code">
     </li>
 </ul>
diff --git a/style.css b/style.css
index ae46aca..27e7e5b 100644
--- a/style.css
+++ b/style.css
@@ -149,4 +149,15 @@ a:hover {
     color: var(--linkalt);
 }
 
-
+pre code {
+    font-size: small;
+    display: block;
+    background: none;
+    background-color: black;
+    white-space: pre;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: scroll;
+    max-width: 75%;
+    min-width: 100px;
+    padding: 0;
+}