diff --git a/src/facilities/incubator/incubator.css b/src/facilities/incubator/incubator.css index 544f2080b53b950b71a1790e890b6a78198dc81d..6099fd74697e4f6ab1b0dd4d617088f7f572a939 100644 --- a/src/facilities/incubator/incubator.css +++ b/src/facilities/incubator/incubator.css @@ -1,3 +1,10 @@ .incubator-underscore { border-bottom: 1px solid; } + +.incubator-tank { + border-bottom: 2px solid cyan; + border-top: 2px solid cyan; + border-radius: 15px; + padding: 0.5em; +} diff --git a/src/facilities/incubator/incubatorInteract.js b/src/facilities/incubator/incubatorInteract.js index dca09c6a757ae131bbdfce772b2fc73c133758aa..86f3908227aeba3c0145c1b54c6e3e2009f1c5b4 100644 --- a/src/facilities/incubator/incubatorInteract.js +++ b/src/facilities/incubator/incubatorInteract.js @@ -22,7 +22,7 @@ App.UI.incubator = function() { const tabCaptions = { mothers: 'Mothers', - children: 'Children', + tanks: 'Tanks', settings: 'Settings' }; @@ -31,12 +31,12 @@ App.UI.incubator = function() { const tabBar = App.UI.DOM.appendNewElement("div", el, '', "tab-bar"); tabBar.append( App.UI.tabBar.tabButtonDOM('mothers', tabCaptions.mothers), - App.UI.tabBar.tabButtonDOM('children', tabCaptions.children), + App.UI.tabBar.tabButtonDOM('tanks', tabCaptions.tanks), App.UI.tabBar.tabButtonDOM('settings', tabCaptions.settings), ); el.append(App.UI.tabBar.makeTabDOM('mothers', mothers())); - el.append(App.UI.tabBar.makeTabDOM('children', tankBabies())); + el.append(App.UI.tabBar.makeTabDOM('tanks', tankBabies())); el.append(App.UI.tabBar.makeTabDOM('settings', tankSettings())); return el; @@ -1106,6 +1106,7 @@ App.UI.incubator = function() { for (let i = 0; i < V.incubatorSlaves; i++) { const p = document.createElement("p"); + p.classList.add("incubator-tank"); let r = []; const { He, His,