style fixes

src/10th/Roster.jsx

@@ -596,12 +596,20 @@ const Rules = ({ rules }) => {
 				gap: 3,
 				borderBottom: "1px dotted #9e9fa1",
 				lineHeight: 1.3,
+				display: "flex",
+				flexWrap: "wrap",
 			}}
 		>
 			<span style={{ fontSize: ".8em" }}>RULES: </span>
-			<span style={{ fontSize: ".8em", fontWeight: 700 }}>
+			{[...rules.keys()].map((rule, index) => (
-				{[...rules.keys()].map((rule) => rule).join(", ")}
+				<span
-			</span>
+					key={rule}
+					style={{ whiteSpace: "nowrap", fontSize: ".8em", fontWeight: 700 }}
+				>
+					{rule}
+					{index < rules.size - 1 ? ", " : ""}
+				</span>
+			))}
 		</div>
 	);
 };

src/App.jsx

@@ -139,7 +139,16 @@ function App() {
 			}}
 		>
 			<div className="header print-display-none">
-				<a href="/fancyscribe" style={{ color: "#fff", fontWeight: 800 }}>
+				<a
+					href="/fancyscribe"
+					style={{
+						color: "#fff",
+						fontWeight: 800,
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+					}}
+				>
 					FancyScribe{" "}
 					<span
 						style={{

src/roster40k-10th.js

@@ -493,7 +493,6 @@ function ParseSelections(root, force) {
 
 	// Sort force units by role and name#
 	force.units.sort((a, b) => {
-		console.log(a.role);
 		if (UnitRoleSorting[a.role] > UnitRoleSorting[b.role]) return 1;
 		else if (UnitRoleSorting[a.role] == UnitRoleSorting[b.role]) {
 			if (a.name > b.name) return 1;
@@ -676,7 +675,6 @@ function ParseUnit(root) {
 				unit.factions.add(factKeyword);
 			} else {
 				const roleText = catName.trim();
-				console.log(roleText);
 				let unitRole = LookupRole(roleText);
 				if (unitRole != UnitRole.NONE) {
 					unit.role = unitRole;