From fd3aeb65cab826e377befe45cf71ec2be4a21b1d Mon Sep 17 00:00:00 2001
From: Kumar Damani <me@kumardamani.net>
Date: Sun, 3 Jul 2022 12:15:12 -0400
Subject: added styling to xmr address

---
 index.html |  2 +-
 style.css  | 13 ++++++++++++-
 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;
+}
-- 
cgit v1.2.3