From f5aff369c6e3cea4b8b693bc02239a06e0bf2578 Mon Sep 17 00:00:00 2001
From: Bob <dv4xd@proton.me>
Date: Fri, 9 Aug 2024 14:12:16 +0800
Subject: [PATCH] problem: text on merits/satflow table is hard to read

---
 src/components/MeritsAndSatflow.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/MeritsAndSatflow.svelte b/src/components/MeritsAndSatflow.svelte
index 13b2f91..18a949d 100644
--- a/src/components/MeritsAndSatflow.svelte
+++ b/src/components/MeritsAndSatflow.svelte
@@ -77,11 +77,11 @@
 	<Card.Header class="pb-3">
 		<Card.Title>Merits and Satflow</Card.Title>
 		<Card.Description class="grid grid-cols-2">
-			<div class=" grid-cols-1">
+			<div class="grid-cols-1">
 				This graph displays the Meritization of equity in {rocket.Name()}
 				<Pie data={$merits} />
 			</div>
-			<div class=" grid-cols-1">
+			<div class="grid-cols-1 text-black">
 				<Table.Root>
 					<Table.Header>
 						<Table.Row class="">
@@ -92,9 +92,9 @@
 					</Table.Header>
 					<Table.Body>
 						{#each $merits as { pubkey, merits, sats }, i (pubkey)}
-							<Table.Row class="{c(i)} hover:{c(i)}">
+							<Table.Row class="{c(i)} hover:{c(i)} hover:brightness-125 hover:contrast-150">
 								<Table.Cell>
-									<div class="flex flex-nowrap">
+									<div class="flex flex-nowrap items-center gap-2">
 										<Avatar
 											ndk={$ndk}
 											{pubkey}