Merge pull request #699 from PayButton/fix/no-spacing-between-addresses-txs

[#698] fix: space between addresses txs

Author: Klakurka

components/Transaction/AddressTransactions.tsx

@@ -78,7 +78,7 @@ export default ({ addressTransactions, addressSynced }: IProps): FunctionCompone
   return (
     <>
       {Object.keys(addressTransactions).map(transactionAddress => (
-        <div key={transactionAddress}>
+        <div key={transactionAddress} className='address-transactions-ctn'>
           <div className={style.tablelabel}>{transactionAddress}</div>
           { addressTransactions[transactionAddress].length === 0
             ? <div className={style.transaction_ctn}> {
@@ -87,7 +87,7 @@ export default ({ addressTransactions, addressSynced }: IProps): FunctionCompone
             </div>
             : <TableContainer columns={columns} data={addressTransactions[transactionAddress]} />
         }
-      </div>
+        </div>
 
       ))}
     </>

components/Transaction/transaction.module.css

@@ -65,9 +65,8 @@
 
 .tablelabel {
   background-color: var(--secondary-bg-color);
-  border-radius: 10px;
+  border-radius: 10px 10px 0 0;
   padding: 20px;
-  margin-bottom: -5px;
 }
 
 /*********************** COPY BUTTON  **************************/

styles/global.css

@@ -107,6 +107,12 @@ button:enabled:hover {
   margin-top: 15px;
 }
 
+.address-transactions-ctn .paybutton-table-ctn {
+  border-radius: 0 0 10px 10px;
+  margin-top: 2px;
+  margin-bottom: 20px;
+}
+
 .paybutton-table-ctn table {
   width: 100%;
   display: table;