diff --git a/css/gui/linksStrip.css b/css/gui/linksStrip.css index 2ae24c635862ceb42a6a35fbaf6b12049055aafe..7e11243e9b9cfa023148502f41328a30b510b768 100644 --- a/css/gui/linksStrip.css +++ b/css/gui/linksStrip.css @@ -1,15 +1,15 @@ -ul.choicesStrip { +ul.choices-strip { display: inline; list-style-type: none; padding: 0mm; margin-left: 0em; } -ul.choicesStrip li { +ul.choices-strip li { display: inline; } -ul.choicesStrip li + li:before { +ul.choices-strip li + li:before { content: " | "; } diff --git a/src/js/utilsDOM.js b/src/js/utilsDOM.js index 6ef0785335f9a603419e660d9539e7c9cf4b1a6e..e4139a9b84e12fd25ad97001d327e84b6121ac62 100644 --- a/src/js/utilsDOM.js +++ b/src/js/utilsDOM.js @@ -361,7 +361,7 @@ App.Utils.htmlToElement = function(text) { */ App.UI.DOM.generateLinksStrip = function(links) { const strip = document.createElement('ul'); - strip.className = "choicesStrip"; + strip.className = "choices-strip"; links.reduce((/** @type {HTMLUListElement} */ list, lnk) => { const li = document.createElement("li"); diff --git a/src/neighbor/neighborDisplay.js b/src/neighbor/neighborDisplay.js index ad90dbedb033ba880e4942e08767c967bb623819..4ac434163b1cce45404778679b760d069df6375e 100644 --- a/src/neighbor/neighborDisplay.js +++ b/src/neighbor/neighborDisplay.js @@ -165,7 +165,7 @@ App.Neighbor.Display = class { App.UI.DOM.appendNewElement("li", frag, withTooltip(challengerPercent, "Minority challenger ownership", "orange")); } App.UI.DOM.appendNewElement("li", frag, withTooltip(hostilePercent, "Hostile ownership", "red")); - return App.UI.DOM.makeElement("ul", frag, "choicesStrip"); + return App.UI.DOM.makeElement("ul", frag, "choices-strip"); } let frag = document.createDocumentFragment();