underline sms <a>

lilith · Sep 4, 2023 · 7903c1f · 7903c1f
1 parent 428b1b1
commit 7903c1f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
@@ -108,7 +108,9 @@
 				<p>Contacts to set up a play date:</p>
 				<ul>
 					{#each households[overlap.householdId].parents as contact}
-						<li>{contact.name} - <a href="sms:{contact.phone}">{contact.phone}</a></li>
+						<li>
+							{contact.name} - <a class="phone-num" href="sms:{contact.phone}">{contact.phone}</a>
+						</li>
 					{/each}
 				</ul>
 			</div>
@@ -163,7 +165,9 @@
 			>{households[householdId].name} ({households[householdId].kids.join(', ')})</a
 		>
 		{#each households[householdId].parents as contact}
-			<p class="parent">{contact.name} - <a href="sms:{contact.phone}">{contact.phone}</a></p>
+			<p class="parent">
+				{contact.name} - <a class="phone-num" href="sms:{contact.phone}">{contact.phone}</a>
+			</p>
 		{/each}
 
 		{#if !scheds.length}
@@ -254,6 +258,10 @@
 		color: #001430;
 		font-size: large;
 	}
+	.phone-num {
+		text-decoration: underline;
+		color: #001430;
+	}
 	.parent {
 		font-size: large;
 		margin: 0.4rem 0;