further fast withdrawal styling adjustments

Author: seriouscatsoserious

src/components/FastWithdrawalModal.js

@@ -30,7 +30,7 @@
 import { useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { hideFastWithdrawalModal } from '../store/fastWithdrawalModalSlice';
-import { X } from 'lucide-react';
+import { X, Clipboard } from 'lucide-react';
 import styles from './FastWithdrawalModal.module.css';
 
 const FastWithdrawalModal = () => {
@@ -176,8 +176,9 @@ const FastWithdrawalModal = () => {
                     type="button"
                     onClick={() => handlePaste(setAmount)}
                     className={styles.pasteButton}
+                    title="Paste from clipboard"
                   >
-                    Paste
+                    <Clipboard size={18} />
                   </button>
                 </div>
               </div>
@@ -195,8 +196,9 @@ const FastWithdrawalModal = () => {
                     type="button"
                     onClick={() => handlePaste(setAddress)}
                     className={styles.pasteButton}
+                    title="Paste from clipboard"
                   >
-                    Paste
+                    <Clipboard size={18} />
                   </button>
                 </div>
               </div>
@@ -291,8 +293,9 @@ const FastWithdrawalModal = () => {
                           type="button"
                           onClick={() => handlePaste(setPaymentTxid)}
                           className={styles.pasteButton}
+                          title="Paste from clipboard"
                         >
-                          Paste
+                          <Clipboard size={18} />
                         </button>
                       </div>
                     </div>

src/components/FastWithdrawalModal.module.css

@@ -79,13 +79,15 @@
 .inputWithPaste {
   display: flex;
   gap: 8px;
+  align-items: stretch;
 }
 
 .inputWithPaste .input {
   flex: 1;
 }
 
 .input {
+  height: 42px;
   width: 100%;
   padding: 10px 12px;
   box-sizing: border-box;
@@ -168,23 +170,24 @@ select.input {
 }
 
 .pasteButton {
-  padding: 10px;
-  background-color: var(--download-btn);
-  color: white;
+  background: none;
   border: none;
-  border-radius: 4px;
   cursor: pointer;
-  font-weight: 600;
-  font-size: 0.9rem;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  transition: background-color 0.2s ease, opacity 0.2s ease;
-  text-align: center;
+  padding: 8px;
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.3s ease;
+  color: var(--text-color);
+  opacity: 0.7;
 }
 
-.pasteButton:hover:not(:disabled) {
-  background-color: var(--download-btn-hover);
+.pasteButton:hover {
+  background-color: rgba(128, 128, 128, 0.1);
+  opacity: 1;
 }
 
 .paymentSection {