diff --git a/css/general/formatting.css b/css/general/formatting.css index 9f08b1b2ffd3bd6c211342c7320664f6af2d9c9f..75d81a5e152118f24a8923f196ada5cdf7929453 100644 --- a/css/general/formatting.css +++ b/css/general/formatting.css @@ -95,3 +95,7 @@ dd { dt::after { content: ":"; } + +.h1 { + font-size: 2em; +} diff --git a/src/interaction/siNavigation.js b/src/interaction/siNavigation.js index 210a8d8c0936389ffcab8d4316382664219dec80..c3c7b95432a96a96b8de212f648d899c238b0919 100644 --- a/src/interaction/siNavigation.js +++ b/src/interaction/siNavigation.js @@ -20,7 +20,7 @@ App.UI.SlaveInteract.navigation = function(slave) { const div = App.UI.DOM.appendNewElement("div", p, null); const previous = App.UI.DOM.makeElement("span", null, ['adjacent-slave', 'margin-right']); const next = App.UI.DOM.makeElement("span", null, ['adjacent-slave', 'margin-left']); - const name = App.UI.DOM.makeElement("h1", slave.slaveName, ['slave-name']); + const name = App.UI.DOM.makeElement("h1", slave.slaveName, ['slave-name', 'h1']); name.style.display = 'inline-block'; @@ -44,13 +44,11 @@ App.UI.SlaveInteract.navigation = function(slave) { frag.append( previous, - App.UI.DOM.makeElement("span", App.UI.favoriteToggle(slave, () => { - App.UI.DOM.replace(div, content()); - }), ['margin-right']), name, + ' ', App.UI.DOM.makeElement("span", App.UI.favoriteToggle(slave, () => { App.UI.DOM.replace(div, content()); - }), ['margin-left']), + }), ['h1']), next, );