style: make transaction list items compact

finance_app/lib/widgets/transaction_list_item.dart

@@ -61,7 +61,9 @@ class TransactionListItem extends StatelessWidget {
           ),
           elevation: 1.5, // Subtle elevation
           child: ListTile(
-            contentPadding: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 4.0), // Adjust padding
+            // Reduce vertical padding and apply compact density to decrease height
+            contentPadding: const EdgeInsets.symmetric(horizontal: 12.0, vertical: 2.0), // Reduced vertical padding
+            visualDensity: VisualDensity.compact, // Make the ListTile more compact vertically
             // Leading icon
             leading: Container(
               width: 40, // Slightly larger icon background
@@ -144,8 +146,6 @@ class TransactionListItem extends StatelessWidget {
               // TODO: Implement navigation to transaction details
               print('Tapped transaction: ${transaction.id}');
             },
-            // Optional: Add visual density for tighter spacing
-            // visualDensity: VisualDensity.compact,
           ),
         ),
       ),