diff --git a/src/gui/css/quickListCSS.css b/src/gui/css/quickListCSS.css index 56c833939d2f8a922a172d6dc194cd66249f5477..cd6a54705a68eda1f862f2d3b32a0ea36baa4ef8 100644 --- a/src/gui/css/quickListCSS.css +++ b/src/gui/css/quickListCSS.css @@ -3,87 +3,87 @@ display:none; } -div.quicklist.devotion button.mindbroken +div.quick-list.devotion button.mindbroken { background-color:red; } -div.quicklist.devotion button.very-hateful +div.quick-list.devotion button.very-hateful { background-color:darkviolet; } -div.quicklist.devotion button.hateful +div.quick-list.devotion button.hateful { background-color:darkviolet; } -div.quicklist.devotion button.resistant +div.quick-list.devotion button.resistant { background-color:mediumorchid; } -div.quicklist.devotion button.ambivalent +div.quick-list.devotion button.ambivalent { background-color: yellow; color: #444444; } -div.quicklist.devotion button.accepting +div.quick-list.devotion button.accepting { background-color: hotpink; } -div.quicklist.devotion button.devoted +div.quick-list.devotion button.devoted { background-color: deeppink; } -div.quicklist.devotion button.worshipful +div.quick-list.devotion button.worshipful { background-color: magenta; } -div.quicklist.trust button.mindbroken +div.quick-list.trust button.mindbroken { background-color:red; } -div.quicklist.trust button.extremely-terrified +div.quick-list.trust button.extremely-terrified { background-color: darkgoldenrod; } -div.quicklist.trust button.terrified +div.quick-list.trust button.terrified { background-color: goldenrod; } -div.quicklist.trust button.frightened +div.quick-list.trust button.frightened { background-color: gold; color: coral; } -div.quicklist.trust button.fearful +div.quick-list.trust button.fearful { background-color: yellow; color: green; } -div.quicklist.trust button.hate-careful +div.quick-list.trust button.hate-careful { background-color: orange; } -div.quicklist.trust button.careful +div.quick-list.trust button.careful { background-color: mediumaquamarine; color: forestgreen; } -div.quicklist.trust button.bold +div.quick-list.trust button.bold { background-color: orangered; } -div.quicklist.trust button.trusting +div.quick-list.trust button.trusting { background-color: mediumseagreen; } -div.quicklist.trust button.defiant +div.quick-list.trust button.defiant { background-color: darkred; } -div.quicklist.trust button.profoundly-trusting +div.quick-list.trust button.profoundly-trusting { background-color: seagreen; } -div.quicklist +div.quick-list { table-layout: fixed; text-align: center; @@ -93,7 +93,7 @@ div.quicklist empty-cells: hide; width: 70%; } -div.quicklist button +div.quick-list button { margin-top: 15px; margin-right: 20px; diff --git a/src/js/slaveListing.js b/src/js/slaveListing.js index fa2a6c369e480d6c153462a7cd97b98c3488d20c..97092d68f86c99863e2da0715263e1c4b6f52a53 100644 --- a/src/js/slaveListing.js +++ b/src/js/slaveListing.js @@ -445,7 +445,7 @@ App.UI.SlaveList.render = function() { sortButtonsByTrust(); }; makeElement(listIndex, "br"); - const qlWrapper = makeElement(listIndex, "div", undefined, ["quicklist", "devotion"]); + const qlWrapper = makeElement(listIndex, "div", undefined, ["quick-list", "devotion"]); qlWrapper.id = "qlWrapper"; for (const _button of _buttons) { const btn = makeElement(listIndex, 'button', _button['data-name'], undefined, _button);