diff --git a/src/js/slaveListing.js b/src/js/slaveListing.js index c50e278586ca7d997a87d0fd31ed5f3a95f30bc2..20a74a41a636edc3edb252752f5d0b2215d459ed 100644 --- a/src/js/slaveListing.js +++ b/src/js/slaveListing.js @@ -534,12 +534,12 @@ App.UI.SlaveList.SlaveInteract.penthouseInteract = function(slave) { * @returns {HTMLElement} */ App.UI.SlaveList.sortingLinks = function(passage) { - const outerDiv = document.createElement("div"); + const div = App.UI.DOM.makeElement("div", null, "indent"); const textify = string => capFirstChar(string.replace(/([A-Z])/g, " $1")); - let innerDiv = App.UI.DOM.makeElement("div", "Sort by: ", "indent"); + let span = App.UI.DOM.makeElement("span", "Sort by: "); let order = ["devotion", "trust", "name", "assignment", "seniority", "actualAge", "visualAge", "physicalAge", "weeklyIncome", "health", "weight", "muscles", "intelligence", "sexDrive", "pregnancy"]; - const select = App.UI.DOM.appendNewElement("select", innerDiv); + const select = App.UI.DOM.appendNewElement("select", span); for (const so of order) { const choice = App.UI.DOM.appendNewElement("option", select, textify(so)); choice.value = so; @@ -551,15 +551,15 @@ App.UI.SlaveList.sortingLinks = function(passage) { V.sortSlavesBy = select.options[select.selectedIndex].value; App.UI.reload(); }; - outerDiv.append(innerDiv); + div.append(span); - innerDiv = App.UI.DOM.makeElement("div", "Sort direction: ", "indent"); + span = App.UI.DOM.makeElement("span", " Sort direction: "); order = ["descending", "ascending"]; - innerDiv.append(App.UI.DOM.generateLinksStrip(order.map(so => V.sortSlavesOrder !== so ? + span.append(App.UI.DOM.generateLinksStrip(order.map(so => V.sortSlavesOrder !== so ? App.UI.DOM.passageLink(textify(so), passage, () => { V.sortSlavesOrder = so; }) : textify(so)))); - outerDiv.append(innerDiv); + div.append(span); - return outerDiv; + return div; }; /**