From 2469ca5a79fe5ac638af4eafb021d42e9cfb67f2 Mon Sep 17 00:00:00 2001
From: Aidan <aidan@p0ntus.com>
Date: Mon, 20 Jan 2025 00:18:41 -0500
Subject: [PATCH] improve styling of donations for mobile devices

---
 public/css/donate.css |  2 +-
 src/donate.ejs        | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/css/donate.css b/public/css/donate.css
index 27d4b0e..20a64b9 100644
--- a/public/css/donate.css
+++ b/public/css/donate.css
@@ -1,4 +1,4 @@
-.monero {
+.overflow {
   max-height: 100px;
   overflow-y: auto;
 }
diff --git a/src/donate.ejs b/src/donate.ejs
index c15198e..5acd0e2 100644
--- a/src/donate.ejs
+++ b/src/donate.ejs
@@ -17,27 +17,27 @@
     <div class="text-start">
         <h5><i class="fa-brands fa-bitcoin ico-sm" style="color: #f7931a;"></i> Bitcoin</h5>
         <div class="d-flex justify-content-between">
-            <p id="bitcoin-address"><%= bitcoin %></p>
+            <p id="bitcoin-address" class="overflow"><%= bitcoin %></p>
             <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('bitcoin-address')">Copy</button>
         </div>
         <h5><i class="fa-brands fa-ethereum ico-sm" style="color: #3c3c3d;"></i> Ethereum</h5>
         <div class="d-flex justify-content-between">
-            <p id="ethereum-address"><%= ethereum %></p>
+            <p id="ethereum-address" class="overflow"><%= ethereum %></p>
             <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('ethereum-address')">Copy</button>
         </div>
         <h5><i class="fa-solid fa-litecoin-sign ico-sm" style="color: #bebebe;"></i> Litecoin</h5>
         <div class="d-flex justify-content-between">
-            <p id="litecoin-address"><%= litecoin %></p>
+            <p id="litecoin-address" class="overflow"><%= litecoin %></p>
             <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('litecoin-address')">Copy</button>
         </div>
         <h5><i class="fa-brands fa-monero ico-sm" style="color: #fc6621;"></i> Monero</h5>
         <div class="d-flex justify-content-between">
-            <p id="monero-address" class="monero"><%= monero %></p>
+            <p id="monero-address" class="overflow"><%= monero %></p>
             <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('monero-address')">Copy</button>
         </div>
         <h5><i class="fa-solid fa-dollar-sign ico-sm"></i> Solana</h5>
         <div class="d-flex justify-content-between">
-            <p id="solana-address"><%= solana %></p>
+            <p id="solana-address" class="overflow"><%= solana %></p>
             <button class="btn btn-outline-secondary btn-sm ms-2" onclick="copyToClipboard('solana-address')">Copy</button>
         </div>
     </div>