Add spacing between Giropay and P24 icons and source identifier (#8876)

Co-authored-by: Timur Karimov <timur.karimow.95@gmail.com>
Automattic · May 24, 2024 · cd0925d · cd0925d
1 parent 05b4cc1
commit cd0925d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/changelog/fix-8804-source-identifier-spacing b/changelog/fix-8804-source-identifier-spacing
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: Small visual change to transactions list.
+
+
diff --git a/client/transactions/list/index.tsx b/client/transactions/list/index.tsx
@@ -103,10 +103,11 @@ const getPaymentSourceDetails = ( txn: Transaction ) => {
 
 	switch ( txn.source ) {
 		case 'giropay':
-			return <Fragment>{ txn.source_identifier }</Fragment>;
+			return <Fragment>&nbsp;&nbsp;{ txn.source_identifier }</Fragment>;
 		case 'p24':
 			return (
 				<Fragment>
+					&nbsp;&nbsp;
 					{ p24BankList[ txn.source_identifier ] ?? '' }
 				</Fragment>
 			);