improve choices

src/events/intro/pcBodyIntro.js

@@ -5,7 +5,7 @@ App.Intro.PCBodyIntro = function() {
 	let r = [];
 
 	r.push(`Most slaveowners in the Free Cities are male. The preexisting power structures of the old world have mostly migrated to the new, and it can often be very hard to be a free woman in the Free Cities. Some manage to make their way, but in many arcologies, men are the owners, and women are the owned. You'll cut a striking figure as the owner and leader of your arcology, but`);
-	r.push(App.UI.DOM.makeElement("span", `what's under your business attire?`, "intro question"));
+	r.push(App.UI.DOM.makeElement("span", `what's under your business attire?`, ["intro", "question"]));
 	App.Events.addNode(el, r, "p");
 
 	el.append(PCbody());
@@ -16,6 +16,7 @@ App.Intro.PCBodyIntro = function() {
 		const el = document.createElement("p");
 		const options = new App.UI.OptionsGroup();
 		let r = [];
+		let comment;
 
 		// Gender
 		r.push(`You are a`);
@@ -27,27 +28,30 @@ App.Intro.PCBodyIntro = function() {
 		r.push(`with a`);
 		if (V.PC.title > 0) {
 			r.push(`masculine figure and will be referred to as <strong>Master.</strong>`);
-			options.addOption(r.join(" ")).customButton("Switch to a feminine appearance", () => { V.PC.title = 0; }, "PC Body Intro");
 		} else {
 			r.push(`feminine figure and will be referred to as <strong>Mistress.</strong>`);
-			options.addOption(r.join(" ")).customButton("Switch to a masculine appearance", () => { V.PC.title = 1; }, "PC Body Intro");
 		}
-		options.addComment("This option will affect scenes. Femininity may increase difficulty in the future, but for now only your chest and junk matter.");
+		options.addOption(r.join(" "), "title", V.PC)
+			.addValue("Feminine appearance", 0)
+			.addValue("Masculine appearance", 1)
+			.addComment("This option will affect scenes. Femininity may increase difficulty in the future, but for now only your chest and junk matter.");
 
 		// Chest
+		comment = "These options will affect scenes. Sporting breasts will increase difficulty";
 		if (V.PC.boobs > 300) {
 			options.addOption(`Under my suit jacket, <strong>feminine breasts.</strong>`, "boobs", V.PC)
-				.addValue("Remove breasts", 100);
+				.addValue("Remove breasts", 100).addComment(comment);
 		} else {
 			if (V.PC.title > 0) {
 				options.addOption(`Under my suit jacket, <strong>masculine muscles.</strong>`, "boobs", V.PC)
-					.addValue("Add breasts", 900);
+					.addValue("Add breasts", 900).addComment(comment);
 			} else {
 				options.addOption(`Under my suit jacket, <strong>a flat chest.</strong>`, "boobs", V.PC)
-					.addValue("Add breasts", 900);
+					.addValue("Add breasts", 900).addComment(comment);
 			}
 		}
-		options.addComment("These options will affect scenes. Sporting breasts will increase difficulty");
+
+		el.append(options.render());
 
 		return el;
 	}