fix font size and spacing

the-collab-lab · Sep 25, 2024 · bf0762d · bf0762d
1 parent b81c9f9
commit bf0762d
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/src/components/ListItem.jsx b/src/components/ListItem.jsx
@@ -59,24 +59,27 @@ export function ListItem({ item }) {
 				onChange={handleChange}
 				disabled={checked}
 			/>
-			<h2>{name}</h2>
+			<h2 style={{ fontSize: '20px' }}>{name}</h2>
 
 			<button onClick={handleDelete}>Delete</button>
 			<button onClick={() => setIsActive(!isActive)}>
 				View Purchase Details
 			</button>
 
 			<div style={{ display: isActive ? 'block' : 'none' }}>
-				<ul>
+				<ul style={{ fontSize: '15px' }}>
 					<li>
 						Last Purchase:
-						{dateLastPurchased
-							? dateLastPurchased.toDate().toDateString()
-							: 'N/A'}
+						<span>
+							{' '}
+							{dateLastPurchased
+								? dateLastPurchased.toDate().toDateString()
+								: 'N/A'}
+						</span>
 					</li>
 					<li>
 						Next Purchase:
-						{dateNextPurchased?.toDate().toDateString()}
+						<span> {dateNextPurchased?.toDate().toDateString()}</span>
 					</li>
 					<li>Total Purchases: {totalPurchases}</li>
 				</ul>