From beb85f1b4d698b7111d362c3112bc399c84acbe7 Mon Sep 17 00:00:00 2001
From: Svornost <11434-svornost@users.noreply.gitgud.io>
Date: Sat, 6 Jun 2020 14:29:13 -0700
Subject: [PATCH] Don't nest block-level elements in P, make a special div
 class for slave report containers instead

---
 src/endWeek/servantsQuartersReport.js | 4 ++--
 src/gui/css/mainStyleSheet.css        | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/endWeek/servantsQuartersReport.js b/src/endWeek/servantsQuartersReport.js
index 453574168a0..e2358d84f88 100644
--- a/src/endWeek/servantsQuartersReport.js
+++ b/src/endWeek/servantsQuartersReport.js
@@ -229,7 +229,7 @@ App.EndWeek.servantsQuartersReport = function() {
 		App.Utils.setLocalPronouns(slave); // need this for the includes
 		/* apply following SA passages to facility leader */
 		if (V.showEWD !== 0) {
-			const stewardessEntry = App.UI.DOM.appendNewElement("p", frag, '');
+			const stewardessEntry = App.UI.DOM.appendNewElement("div", frag, '', "slave-report");
 			if (V.seeImages && V.seeReportImages) {
 				App.UI.DOM.appendNewElement("div", stewardessEntry, App.Art.SlaveArtElement(slave, 0, 0), ["imageRef", "tinyImg"]);
 			}
@@ -307,7 +307,7 @@ App.EndWeek.servantsQuartersReport = function() {
 		App.Utils.setLocalPronouns(slave); // need this for the includes
 		if (V.showEWD !== 0) {
 			const {He} = getPronouns(slave);
-			const slaveEntry = App.UI.DOM.appendNewElement("p", frag, '');
+			const slaveEntry = App.UI.DOM.appendNewElement("div", frag, '', "slave-report");
 			if (V.seeImages && V.seeReportImages) {
 				App.UI.DOM.appendNewElement("div", slaveEntry, App.Art.SlaveArtElement(slave, 0, 0), ["imageRef", "tinyImg"]);
 			}
diff --git a/src/gui/css/mainStyleSheet.css b/src/gui/css/mainStyleSheet.css
index 083a1985fe5..e380ff8791f 100644
--- a/src/gui/css/mainStyleSheet.css
+++ b/src/gui/css/mainStyleSheet.css
@@ -307,6 +307,10 @@ table.corporate td {
 .tab {
 	margin-left: 2em;
 }
+div.slave-report {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
 div.indent, p.indent {
 	text-indent: 2em;
 }
-- 
GitLab