diff --git a/src/003-assets/CSS/slaveList.css b/src/003-assets/CSS/slaveList.css index 02752b4df4063806c8b2144b96f5c587ae99facb..27f1b25dc41497976ed6818e03ad0ce93ff2350c 100644 --- a/src/003-assets/CSS/slaveList.css +++ b/src/003-assets/CSS/slaveList.css @@ -2,7 +2,7 @@ div.slaveSummary { clear: both; } -div.slaveSummary.card { +.slaveSummary.card { border-radius: 8px; background-color: #1a1a1a; box-shadow: 10px 10px 5px black; diff --git a/src/003-assets/CSS/tabs.css b/src/003-assets/CSS/tabs.css index 1cccf03dbc5fcbcf6462054a7211c1dd0763d0da..1f972210d691fff9990db931f5c2d915e8d3537e 100644 --- a/src/003-assets/CSS/tabs.css +++ b/src/003-assets/CSS/tabs.css @@ -54,7 +54,7 @@ div.tabbar a.active { } -.tabcontent.card div.slaveSummary.card { +.tabcontent.card .slaveSummary.card { background-color: #252525; } diff --git a/src/js/slaveListing.js b/src/js/slaveListing.js index 8da0cfa2537a936bc5ac7694c2ec2d6b01df550a..86c88009eeafc1782c358a729032add00e74c0f0 100644 --- a/src/js/slaveListing.js +++ b/src/js/slaveListing.js @@ -829,6 +829,7 @@ App.UI.SlaveList.penthousePage = function() { slaveWrapper.append(". ", App.UI.DOM.makeElement("span", App.UI.DOM.passageLink("Select One", "HG Select"), "major-link"), " ", App.UI.DOM.makeElement("span", "[H]", "hotkey")); slaveWrapper.id = "manageHG"; + slaveWrapper.classList.add("slaveSummary", "card"); } else { slaveWrapper.append("You do not have enough slaves to keep a Head Girl"); slaveWrapper.classList.add("note"); @@ -865,6 +866,7 @@ App.UI.SlaveList.penthousePage = function() { App.UI.DOM.makeElement("span", App.UI.DOM.passageLink("Select one", "Recruiter Select"), "major-link"), " ", App.UI.DOM.makeElement("span", "[U]", "hotkey")); slaveWrapper.id = "manageRecruiter"; + slaveWrapper.classList.add("slaveSummary", "card"); } fragment.append(slaveWrapper); @@ -880,16 +882,15 @@ App.UI.SlaveList.penthousePage = function() { slaveWrapper.append(link, " ", App.UI.DOM.makeElement("span", "[B]", "hotkey")); slaveWrapper.append(App.UI.SlaveList.render.listDOM([App.Utils.slaveIndexForId(BG.ID)], [], App.UI.SlaveList.SlaveInteract.penthouseInteract)); + slaveWrapper.append(App.MainView.useGuard()); } else { slaveWrapper.append("You have ", App.UI.DOM.makeElement("span", "not", "warning"), " selected a Bodyguard. ", App.UI.DOM.makeElement("span", App.UI.DOM.passageLink("Select one", "BG Select"), "major-link"), " ", App.UI.DOM.makeElement("span", "[B]", "hotkey")); slaveWrapper.id = "manageBG"; + slaveWrapper.classList.add("slaveSummary", "card"); } - if (BG && BG.assignment === "guard you") { - slaveWrapper.append(App.MainView.useGuard()); - } fragment.append(slaveWrapper); } return fragment;