Merge pull request #699 from PayButton/fix/no-spacing-between-address…

…es-txs [#698] fix: space between addresses txs
PayButton · Oct 4, 2023 · 4d2f370 · 4d2f370
2 parents 699efdc + 830ecfa
commit 4d2f370
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/components/Transaction/AddressTransactions.tsx b/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>
 
       ))}
     </>

diff --git a/components/Transaction/transaction.module.css b/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  **************************/

diff --git a/styles/global.css b/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;