From f3586c580a4b547e4700349f511e4fd5acd5dd0b Mon Sep 17 00:00:00 2001
From: hankhill19580 <hankhill19580@gmail.com>
Date: Tue, 6 Aug 2019 21:11:54 +0000
Subject: [PATCH] make textareas into a class instead and do the things in CSS
 that I can.

---
 i2p2www/pages/site/get-involved/donate.html | 10 +++++-----
 i2p2www/static/styles/duck/default.css      |  9 +++++----
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/i2p2www/pages/site/get-involved/donate.html b/i2p2www/pages/site/get-involved/donate.html
index bd717297..01565fe4 100644
--- a/i2p2www/pages/site/get-involved/donate.html
+++ b/i2p2www/pages/site/get-involved/donate.html
@@ -28,15 +28,15 @@ the "Donate" edition. I2P funding is handled by meeh.{% endtrans %}<br>
 that any other addresses not listed here are no longer valid. Please note that
 addresses may update and more coins may be added.{% endtrans %}
 <br></p>
-<b>{% trans %}BTC Address{% endtrans %}:</b> <textarea rows="1" cols="55" readonly>3AtDiRUiyDHTSALRxsEZ7yqmB7piwaowaY</textarea><br>
+<b>{% trans %}BTC Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>3AtDiRUiyDHTSALRxsEZ7yqmB7piwaowaY</textarea><br>
 <img width="250px" src="{{ url_for('static', filename='images/donate/cur-btc-addr.png') }}" /><br>
-<b>{% trans %}LTC Address{% endtrans %}:</b> <textarea rows="1" cols="55" readonly>MN55tu4y7UtdPXUk9WvCSfy4nGUW79DZpN</textarea><br>
+<b>{% trans %}LTC Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>MN55tu4y7UtdPXUk9WvCSfy4nGUW79DZpN</textarea><br>
 <img width="250px" src="{{ url_for('static', filename='images/donate/cur-ltc-addr.png') }}" /><br>
-<b>{% trans %}ETH Address{% endtrans %}:</b> <textarea rows="1" cols="55" readonly>0xfC35D2225bA2739eCC5a1e50676a8DbC03569C27</textarea><br>
+<b>{% trans %}ETH Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>0xfC35D2225bA2739eCC5a1e50676a8DbC03569C27</textarea><br>
 <img width="250px" src="{{ url_for('static', filename='images/donate/cur-eth-addr.png') }}" /><br>
-<b>{% trans %}ANC Address{% endtrans %}:</b> <textarea rows="1" cols="55" readonly>ANi2pB8RTeuWFf9wki6Ffiv9RJqioQydrH</textarea><br>
+<b>{% trans %}ANC Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>ANi2pB8RTeuWFf9wki6Ffiv9RJqioQydrH</textarea><br>
 <img width="250px" src="{{ url_for('static', filename='images/donate/cur-anc-addr.png') }}" /><br>
-<b>{% trans %}XMR Address{% endtrans %}:</b> <textarea rows="1" cols="55" readonly>447kucUDzM21jDxdmx7h2jFT4UT4PprD8EMjDk4Bc471gRGkbeZSfSPHcB7JtiumR7gNRJgKqf1dHa2T49nQ7jsfSZSfoLA</textarea><br>
+<b>{% trans %}XMR Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>447kucUDzM21jDxdmx7h2jFT4UT4PprD8EMjDk4Bc471gRGkbeZSfSPHcB7JtiumR7gNRJgKqf1dHa2T49nQ7jsfSZSfoLA</textarea><br>
 <img width="250px" src="{{ url_for('static', filename='images/donate/cur-xmr-addr.png') }}" /><br>
 
 <p><b>{% trans %}We now also accept paypal donations!{% endtrans %}</b></p>
diff --git a/i2p2www/static/styles/duck/default.css b/i2p2www/static/styles/duck/default.css
index eab34cea..862cb7d9 100644
--- a/i2p2www/static/styles/duck/default.css
+++ b/i2p2www/static/styles/duck/default.css
@@ -769,13 +769,14 @@ div#content td {
   text-overflow: ellipsis;
 }
 
-div#content textarea {
+div#content .coinaddr {
     margin-top: .1rem;
     font-size: 1rem;
     font-style: bold;
     white-space: nowrap;
+    width: 80%;
+    height: 1.12rem;
+    overflow-x: hidden;
     float: right;
-    /*we could make this resize-horizontal so that it could display the whole
-    XMR address by resizing, but still look nice on the official page.*/
-    resize: none;
+    resize: horizontal;
 }