From 9e29014a6dab715a2647ebeec6ff8f67784635ea Mon Sep 17 00:00:00 2001
From: NilsUeter <nils.ueter@gmail.com>
Date: Sun, 7 May 2023 12:07:15 +0200
Subject: [PATCH] better styling of ws and bs degradation

---
 src/Roster.jsx | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/Roster.jsx b/src/Roster.jsx
index 5767fe2..71c31b9 100644
--- a/src/Roster.jsx
+++ b/src/Roster.jsx
@@ -380,13 +380,6 @@ const ModelStats = ({
 					}}
 				>
 					{name}
-					{name.toLowerCase().includes("wounds remaining") &&
-						(bsChange !== 0 || wsChange !== 0) &&
-						` Each time this model makes an attack, subtract ${
-							bsChange ? `${bsChange} from the balistic skill` : ""
-						}${bsChange !== 0 && wsChange !== 0 ? " and " : ""}${
-							wsChange ? `${wsChange} from the weapon skill` : ""
-						}.`}
 				</div>
 			)}
 			{showWeapons && (
@@ -402,6 +395,22 @@ const ModelStats = ({
 					))}
 				</div>
 			)}
+			{name.toLowerCase().includes("wounds remaining") &&
+				(bsChange !== 0 || wsChange !== 0) && (
+					<div
+						style={{
+							whiteSpace: "normal",
+							marginLeft: -10,
+							fontSize: "0.7em",
+						}}
+					>
+						{` Each time this model makes
+							an attack, subtract 
+							${bsChange ? `${bsChange} from the balistic skill` : ""}
+							${bsChange !== 0 && wsChange !== 0 ? " and " : ""}
+							${wsChange ? `${wsChange} from the weapon skill` : ""}.`}
+					</div>
+				)}
 		</div>
 	);
 };