From 485d2c97d3e216102e2a05e0ad2c1c8c4cb64e36 Mon Sep 17 00:00:00 2001
From: Andrio Celos <AndrioCelos@users.noreply.github.com>
Date: Sat, 3 Dec 2022 14:52:33 +1100
Subject: [PATCH] Shrink card name for Forge Splattershot Pro

---
 TableturfBattleClient/src/CardButton.ts | 1 +
 TableturfBattleClient/tableturf.css     | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/TableturfBattleClient/src/CardButton.ts b/TableturfBattleClient/src/CardButton.ts
index 7aed086..f6563cb 100644
--- a/TableturfBattleClient/src/CardButton.ts
+++ b/TableturfBattleClient/src/CardButton.ts
@@ -15,6 +15,7 @@ class CardButton {
 		el.setAttribute('type', 'checkbox')
 		el.classList.add('card');
 		el.classList.add([ 'common', 'rare', 'fresh' ][card.rarity]);
+		el.dataset.cardNumber = card.number.toString();
 
 		let size = 0;
 		let table = document.createElement('table');
diff --git a/TableturfBattleClient/tableturf.css b/TableturfBattleClient/tableturf.css
index c95376a..e4a42f3 100644
--- a/TableturfBattleClient/tableturf.css
+++ b/TableturfBattleClient/tableturf.css
@@ -267,6 +267,12 @@ dialog::backdrop {
 	line-height: 1.25em;
 	flex-grow: 1;
 }
+.card[data-card-number="166"] .cardName {
+	position: absolute;
+	left: -1em;
+	right: -1em;
+	transform: scaleX(0.8);
+}
 
 .card.common .cardName {
 	color: var(--colour);