From 940af0dd85ede991d0613ea573d8053cf24ef5a8 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 9 Jun 2021 18:53:13 -0500
Subject: [PATCH] CryptoDonate: style form elements

---
 .../crypto_donate/components/crypto_address.js       |  2 +-
 app/styles/components/crypto-donate.scss             | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/crypto_donate/components/crypto_address.js b/app/soapbox/features/crypto_donate/components/crypto_address.js
index 279b1c2cf..d3f6c3301 100644
--- a/app/soapbox/features/crypto_donate/components/crypto_address.js
+++ b/app/soapbox/features/crypto_donate/components/crypto_address.js
@@ -53,7 +53,7 @@ export default class CryptoAddress extends ImmutablePureComponent {
           </div>
         </div>
         {note && <div className='crypto-address__note'>{note}</div>}
-        <div className='crypto-address__address'>
+        <div className='crypto-address__address simple_form'>
           <input ref={this.setInputRef} type='text' value={address} />
           <button className='crypto-address__copy' onClick={this.handleCopyClick}>
             <FormattedMessage id='crypto_donate.copy' defaultMessage='Copy' />
diff --git a/app/styles/components/crypto-donate.scss b/app/styles/components/crypto-donate.scss
index 11ef3867a..95857df69 100644
--- a/app/styles/components/crypto-donate.scss
+++ b/app/styles/components/crypto-donate.scss
@@ -41,9 +41,21 @@
   &__address {
     margin-top: auto;
     display: flex;
+    align-items: center;
+    justify-content: center;
 
     input {
       flex: 1;
+      font-size: 14px !important;
+      border-radius: 4px 0 0 4px !important;
+    }
+
+    button {
+      width: auto;
+      font-size: 14px;
+      margin: 0;
+      padding-bottom: 9px;
+      border-radius: 0 4px 4px 0;
     }
   }
 }