Merge branch 'dev' into kUpdate1

css/dev-menu.css

@@ -0,0 +1,36 @@
+.add-exp-button {
+	margin-right: 0px;
+}
+
+.remove-exp-button {
+	margin-left:0px;
+}
+
+.exp-input {
+	margin-right: 0px;
+	margin-left:0px;
+	
+	margin-top: 5px;
+	margin-bottom: 5px;
+
+	padding: 2px 5px;
+}
+
+.text-center {
+	margin: auto;
+	text-align: center;
+	vertical-align: middle;
+}
+
+.touch-right {
+	margin-right: 0px;
+}
+
+.touch-left {
+	margin-left: 0px;
+}
+
+.touch-sides {
+	margin-left: 0px;
+	margin-right: 0px;
+}

css/styles.scss

@@ -62,6 +62,9 @@ a:visited {
 .text-input {
     color: #fff;
     background-color: #000;
+    border-style: solid;
+    border-width: 1px;
+    border-color: white;
 }
 
 /* Notification icon (for create program right now only) */
@@ -333,3 +336,43 @@ a:visited {
 .smallfont {
     font-size: $defaultFontSize * 0.8125;
 }
+
+.bbcheckbox {
+  position: relative;
+  display: inline;
+  label {
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: black;
+    border-width: 1px;
+    border-color: white;
+    border-style: solid;
+    &:after {
+      content: '';
+      width: 9px;
+      height: 5px;
+      position: absolute;
+      top: 4px;
+      left: 4px;
+      border: 3px solid white;
+      border-top: none;
+      border-right: none;
+      opacity: 0;
+      transform: rotate(-45deg);
+    }
+  }
+  input[type=checkbox] {
+    visibility: hidden;
+    &:checked + label:after {
+      opacity: 1;
+    }    
+  }
+}
+
+
+
+

dist/engine.css

@@ -270,7 +270,6 @@ a:visited {
 
 .status-text {
   display: inline-block;
-  height: 15%;
   position: fixed;
   z-index: 2;
   -webkit-animation: status-text 3s 1; }
@@ -280,10 +279,12 @@ a:visited {
 
 #status-text {
   background-color: transparent;
-  font-size: 20px;
   bottom: 0;
   color: #fff;
+  display: none;
+  font-size: 20px;
   margin-right: 14px;
+  opacity: 0;
   padding: 4px;
   right: 0;
   top: 0;
@@ -489,7 +490,11 @@ button {
   padding: 3px 5px;
   margin: 5px;
   border: 1px solid #333;
-  cursor: default; }
+  cursor: default;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none; }
   .a-link-button-inactive:hover .tooltiptext,
   .a-link-button-inactive:hover .tooltiptexthigh,
   .a-link-button-inactive:hover .tooltiptextleft,
@@ -1968,7 +1973,8 @@ button {
  */
 #cmpy-mgmt-container p,
 #cmpy-mgmt-container a,
-#cmpy-mgmt-container div {
+#cmpy-mgmt-container div,
+#cmpy-mgmt-container br {
   font-size: 13px; }
 
 /* Header tabs */
@@ -2006,26 +2012,30 @@ button {
 .cmpy-mgmt-industry-left-panel,
 .cmpy-mgmt-industry-right-panel {
   display: inline-block;
-  width: 45%;
   height: 100%;
-  top: 10px;
   overflow-y: auto;
-  overflow-x: auto; }
+  overflow-x: auto;
+  overflow: visible;
+  top: 10px;
+  width: 45%; }
 
 .cmpy-mgmt-industry-overview-panel {
   border: 1px solid #fff;
   color: var(--my-font-color);
   display: inline-block;
+  padding: 3px;
   width: 100%; }
 
 .cmpy-mgmt-employee-panel {
   border: 1px solid #fff;
   display: block;
+  padding: 3px;
   width: 100%; }
 
 .cmpy-mgmt-warehouse-panel {
   border: 1px solid #fff;
   display: inline-block;
+  padding: 3px;
   width: 100%; }
 
 /* Hiring new employees */
@@ -2055,12 +2065,16 @@ button {
 .cmpy-mgmt-existing-export:hover {
   background-color: #333; }
 
-/* Upgrades */
+/* Corporation Upgrades */
 .cmpy-mgmt-upgrade-container {
   border: 1px solid #fff;
   width: 60%;
   margin: 4px; }
 
+.cmpy-mgmt-upgrade-header {
+  margin: 6px;
+  padding: 6px; }
+
 .cmpy-mgmt-upgrade-div {
   display: inline-block;
   border: 1px solid #fff;
@@ -2073,11 +2087,20 @@ button {
 .cmpy-mgmt-upgrade-div:hover {
   background-color: #333; }
 
+/* Industry Upgrades */
+.industry-purchases-and-upgrades-header {
+  font-size: 14px;
+  margin: 2px;
+  padding: 2px; }
+
+/* Advertising */
 .cmpy-mgmt-advertising-info {
   font-size: 12px; }
 
+/* Research */
 #corporation-research-popup-box-content {
-  overflow-x: visible !important; }
+  overflow-x: auto !important;
+  overflow-y: auto !important; }
 
 /* COLORS */
 /* Attributes */

doc/source/changelog.rst

@@ -3,6 +3,35 @@
 Changelog
 =========
 
+v0.45.0 - 3/22/2019
+-------------------
+* Corporation changes:
+    * Decreased the time of a full market cycle from 15 seconds to 10 seconds.
+    * This means that each Corporation 'state' will now only take 2 seconds, rather than 3
+    * Increased initial salaries for newly-hired employees
+    * Increased the cost multiplier for upgrading office size (the cost will increase faster)
+    * The stats of your employees now has a slightly larger effect on production & sales
+    * Added several new Research upgrades
+    * Market-TA research now allows you to automatically set sale price at optimal values
+    * Market-TA research now works for Products (not just Materials)
+    * Reduced the amount of Scientific Research needed to unlock the Hi-Tech R&D Laboratory from 10k to 5k
+    * Energy Material requirement of the Software industry reduced from 1 to 0.5
+    * It is now slightly easier to increase the Software industry's production multiplier
+    * Industries now have a maximum number of allowed products, starting at 3. This can be increased through research.
+    * You can now see an approximation of how each material affects an industry's production multiplier by clicking the "?" help tip next to it
+    * Significantly changed the effects of the different employee positions. See updated descriptions
+    * Reduced the amount of money you gain from private investors
+    * Training employees is now 3x more effective
+    * Bug Fix: An industry's products are now properly separated between different cities
+
+* The QLink Augemntation is now significantly stronger, but also significantly more expensive (by hydroflame)
+* Added a Netscript API for Duplicate Sleeves (by hydroflame)
+* Modified the multipliers of BitNode-3 and BitNode-8 to make them slightly harder
+* After installing Augmentations, Duplicate Sleeves will now default to Synchronize if their Shock is 0
+* Bug Fix: Bladeburner's Hyperbolic Regeneration Chamber should no longer instantly refill all stamina
+* Bug Fix: growthAnalyze() function now properly accounts for BitNode multipliers
+* Bug Fix: The cost of purchasing Augmentations for Duplicate Sleeves no longer scales with how many Augs you've purchased for yourself
+
 v0.44.1 - 3/4/2019
 ------------------
 * Duplicate Sleeve changes:

index.html

@@ -783,35 +783,7 @@
     <div id="character-overview-wrapper">
     <div id="character-overview-container">
         <div id="character-overview-text">
-            <table>
+            <!-- ReactJS Component -->
-                <tr id="character-hp-wrapper">
-                    <td>Hp:</td><td id="character-hp-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-money-wrapper">
-                    <td>Money:&nbsp;</td><td id="character-money-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-hack-wrapper">
-                    <td>Hack:&nbsp;</td><td id="character-hack-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-str-wrapper">
-                    <td>Str:&nbsp;</td><td id="character-str-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-def-wrapper">
-                    <td>Def:&nbsp;</td><td id="character-def-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-dex-wrapper">
-                    <td>Dex:&nbsp;</td><td id="character-dex-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-agi-wrapper">
-                    <td>Agi:&nbsp;</td><td id="character-agi-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-cha-wrapper">
-                    <td>Cha:&nbsp;</td><td id="character-cha-text" class="character-stat-cell"></td>
-                </tr>
-                <tr id="character-int-wrapper">
-                    <td>Int:&nbsp;</td><td id="character-int-text" class="character-stat-cell"></td>
-                </tr>
-            </table>
         </div>
         <div class="character-quick-options">
             <button id="character-overview-save-button" class="character-overview-btn">Save Game</button>

src/Augmentation/AugmentationHelpers.js

@@ -1218,14 +1218,14 @@ function initAugmentations() {
              "quantum supercomputer, allowing you to access and use its incredible " +
              "computing power.<br><br>" +
              "This augmentation:<br>" +
-             "Increases the player's hacking skill by 50%.<br>" +
+             "Increases the player's hacking skill by 75%.<br>" +
-             "Increases the player's hacking speed by 50%.<br>" +
+             "Increases the player's hacking speed by 100%.<br>" +
              "Increases the player's chance of successfully performing a hack by 150%.<br>" +
-             "Increases the amount of money the player gains from hacking by 500%.",
+             "Increases the amount of money the player gains from hacking by 300%.",
-        hacking_speed_mult: 1.5,
+        hacking_mult: 1.75,
+        hacking_speed_mult: 2,
         hacking_chance_mult: 2.5,
-        hacking_money_mult: 6,
+        hacking_money_mult: 4,
-        hacking_mult: 1.5,
     });
     QLink.addToFactions(["Illuminati"]);
     if (augmentationExists(AugmentationNames.QLink)) {

src/Bladeburner.js

@@ -31,6 +31,8 @@ import { getTimestamp }                             from "../utils/helpers/getTi
 import { removeElement }                            from "../utils/uiHelpers/removeElement";
 import { removeElementById }                        from "../utils/uiHelpers/removeElementById";
 
+const stealthIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 166 132"  style="fill:#adff2f;"><g><path d="M132.658-0.18l-24.321,24.321c-7.915-2.71-16.342-4.392-25.087-4.392c-45.84,0-83,46-83,46   s14.1,17.44,35.635,30.844L12.32,120.158l12.021,12.021L144.68,11.841L132.658-0.18z M52.033,80.445   c-2.104-4.458-3.283-9.438-3.283-14.695c0-19.054,15.446-34.5,34.5-34.5c5.258,0,10.237,1.179,14.695,3.284L52.033,80.445z"/><path d="M134.865,37.656l-18.482,18.482c0.884,3.052,1.367,6.275,1.367,9.612c0,19.055-15.446,34.5-34.5,34.5   c-3.337,0-6.56-0.483-9.611-1.367l-10.124,10.124c6.326,1.725,12.934,2.743,19.735,2.743c45.84,0,83-46,83-46   S153.987,50.575,134.865,37.656z"/></g></svg>&nbsp;`
+const killIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="-22 0 511 511.99561" style="fill:#adff2f;"><path d="m.496094 466.242188 39.902344-39.902344 45.753906 45.753906-39.898438 39.902344zm0 0"/><path d="m468.421875 89.832031-1.675781-89.832031-300.265625 300.265625 45.753906 45.753906zm0 0"/><path d="m95.210938 316.785156 16.84375 16.847656h.003906l83.65625 83.65625 22.753906-22.753906-100.503906-100.503906zm0 0"/><path d="m101.445312 365.300781-39.902343 39.902344 45.753906 45.753906 39.902344-39.902343-39.90625-39.902344zm0 0"/></svg>`
 
 const CityNames = ["Aevum", "Chongqing", "Sector-12", "New Tokyo", "Ishima", "Volhaven"];
 
@@ -1799,6 +1801,12 @@ Bladeburner.prototype.createContent = function() {
     DomElems.bladeburnerDiv.appendChild(DomElems.overviewConsoleParentDiv);
     DomElems.bladeburnerDiv.appendChild(DomElems.actionAndSkillsDiv);
 
+
+    // legend
+    const legend = createElement("div")
+    legend.innerHTML = `<span class="text">${stealthIcon}= This action requires stealth, ${killIcon} = This action involves retirement</span>`
+    DomElems.bladeburnerDiv.appendChild(legend);
+
     document.getElementById("entire-game-container").appendChild(DomElems.bladeburnerDiv);
 
     if (this.consoleLogs.length === 0) {
@@ -2166,12 +2174,12 @@ Bladeburner.prototype.createBlackOpsContent = function() {
         return (a.reqdRank - b.reqdRank);
     });
 
-    for (var i = 0; i < blackops.length; ++i) {
+    for (var i = blackops.length-1; i >= 0 ; --i) {
+      if (this.blackops[[blackops[i].name]] == null && i !== 0 && this.blackops[[blackops[i-1].name]] == null) {continue;} // If this one nor the next are completed then this isn't unlocked yet.
         DomElems.blackops[blackops[i].name] = createElement("div", {
             class:"bladeburner-action", name:blackops[i].name
         });
         DomElems.actionsAndSkillsList.appendChild(DomElems.blackops[blackops[i].name]);
-        if (this.blackops[[blackops[i].name]] == null) {break;} //Can't be found in completed blackops
     }
 }
 
@@ -2504,7 +2512,8 @@ Bladeburner.prototype.updateContractsUIElement = function(el, action) {
     el.appendChild(createElement("pre", { //Info
         display:"inline-block",
         innerHTML:action.desc + "\n\n" +
-                  "Estimated success chance: " + formatNumber(estimatedSuccessChance*100, 1) + "%\n" +
+                  `Estimated success chance: ${formatNumber(estimatedSuccessChance*100, 1)}% ${action.isStealth?stealthIcon:''}${action.isKill?killIcon:''}\n` +
+                  
                   "Time Required (s): " + formatNumber(actionTime, 0) + "\n" +
                   "Contracts remaining: " + Math.floor(action.count) + "\n" +
                   "Successes: " + action.successes + "\n" +
@@ -2518,14 +2527,21 @@ Bladeburner.prototype.updateContractsUIElement = function(el, action) {
         for:autolevelCheckboxId, innerText:"Autolevel",color:"white",
         tooltip:"Automatically increase contract level when possible"
     }));
-    var autolevelCheckbox = createElement("input", {
+
-        type:"checkbox", id:autolevelCheckboxId, margin:"4px",
+    const checkboxDiv = createElement("div", { class: "bbcheckbox" });
-        checked:action.autoLevel,
+    const checkboxInput = createElement("input", {
-        changeListener:()=>{
+      type:"checkbox",
-            action.autoLevel = autolevelCheckbox.checked;
+      id: autolevelCheckboxId,
-        }
+      checked: action.autoLevel,
+      changeListener: () => {
+        action.autoLevel = checkboxInput.checked;
+      },
     });
-    el.appendChild(autolevelCheckbox);
+    const checkmarkLabel = createElement("label", { for: autolevelCheckboxId });
+    checkboxDiv.appendChild(checkboxInput);
+    checkboxDiv.appendChild(checkmarkLabel);
+
+    el.appendChild(checkboxDiv);
 }
 
 Bladeburner.prototype.updateOperationsUIElement = function(el, action) {
@@ -2640,7 +2656,7 @@ Bladeburner.prototype.updateOperationsUIElement = function(el, action) {
     el.appendChild(createElement("pre", {
         display:"inline-block",
         innerHTML:action.desc + "\n\n" +
-                  "Estimated success chance: " + formatNumber(estimatedSuccessChance*100, 1) + "%\n" +
+                  `Estimated success chance: ${formatNumber(estimatedSuccessChance*100, 1)}% ${action.isStealth?stealthIcon:''}${action.isKill?killIcon:''}\n` +
                   "Time Required(s): " + formatNumber(actionTime, 0) + "\n" +
                   "Operations remaining: " + Math.floor(action.count) + "\n" +
                   "Successes: " + action.successes + "\n" +
@@ -2654,14 +2670,21 @@ Bladeburner.prototype.updateOperationsUIElement = function(el, action) {
         for:autolevelCheckboxId, innerText:"Autolevel",color:"white",
         tooltip:"Automatically increase operation level when possible"
     }));
-    var autolevelCheckbox = createElement("input", {
+
-        type:"checkbox", id:autolevelCheckboxId, margin:"4px",
+    const checkboxDiv = createElement("div", { class: "bbcheckbox" });
-        checked:action.autoLevel,
+    const checkboxInput = createElement("input", {
-        changeListener:()=>{
+      type:"checkbox",
-            action.autoLevel = autolevelCheckbox.checked;
+      id: autolevelCheckboxId,
-        }
+      checked: action.autoLevel,
+      changeListener: () => {
+        action.autoLevel = checkboxInput.checked;
+      },
     });
-    el.appendChild(autolevelCheckbox);
+    const checkmarkLabel = createElement("label", { for: autolevelCheckboxId });
+    checkboxDiv.appendChild(checkboxInput);
+    checkboxDiv.appendChild(checkmarkLabel);
+
+    el.appendChild(checkboxDiv);
 }
 
 Bladeburner.prototype.updateBlackOpsUIElement = function(el, action) {
@@ -2760,7 +2783,7 @@ Bladeburner.prototype.updateBlackOpsUIElement = function(el, action) {
     }));
     el.appendChild(createElement("p", {
         display:"inline-block",
-        innerHTML:"Estimated Success Chance: " + formatNumber(estimatedSuccessChance*100, 1) + "%\n" +
+        innerHTML:`Estimated Success Chance: ${formatNumber(estimatedSuccessChance*100, 1)}% ${action.isStealth?stealthIcon:''}${action.isKill?killIcon:''}\n` +
                   "Time Required(s): " + formatNumber(actionTime, 0),
     }))
 }

src/Constants.ts

@@ -1,7 +1,7 @@
 import {IMap} from "./types";
 
 export let CONSTANTS: IMap<any> = {
-    Version:                "0.44.1",
+    Version:                "0.45.0",
 
 	//Max level for any skill, assuming no multipliers. Determined by max numerical value in javascript for experience
     //and the skill level formula in Player.js. Note that all this means it that when experience hits MAX_INT, then
@@ -302,11 +302,12 @@ export let CONSTANTS: IMap<any> = {
     ** Training employees is now 3x more effective
     ** Bug Fix: An industry's products are now properly separated between different cities
 
-    * The QLink Augemntation is now significantly stronger (by hydroflame)
+    * The QLink Augemntation is now significantly stronger, but also significantly more expensive (by hydroflame)
     * Added a Netscript API for Duplicate Sleeves (by hydroflame)
     * Modified the multipliers of BitNode-3 and BitNode-8 to make them slightly harder
     * After installing Augmentations, Duplicate Sleeves will now default to Synchronize if their Shock is 0
     * Bug Fix: Bladeburner's Hyperbolic Regeneration Chamber should no longer instantly refill all stamina
+    * Bug Fix: growthAnalyze() function now properly accounts for BitNode multipliers
     * Bug Fix: The cost of purchasing Augmentations for Duplicate Sleeves no longer scales with how many Augs you've purchased for yourself
     `
 

src/Faction/FactionHelpers.js

@@ -199,7 +199,7 @@ function displayFactionContent(factionName) {
         innerText:"This donation will result in 0.000 reputation gain"
     });
     var donateAmountInput = createElement("input", {
-        placeholder:"Donation amount",
+        class: "text-input", placeholder:"Donation amount",
         inputListener:()=>{
             let amt = 0;
             if(donateAmountInput.value !== "") {

src/PersonObjects/Sleeve/SleeveUI.ts

@@ -288,7 +288,7 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
     }
 
     elems.taskPanel = createElement("div", { class: "sleeve-panel", width: "40%" });
-    elems.taskSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
+    elems.taskSelector = createElement("select", { class: "dropdown" }) as HTMLSelectElement;
     elems.taskSelector.add(createOptionElement("------"));
     elems.taskSelector.add(createOptionElement("Work for Company"));
     elems.taskSelector.add(createOptionElement("Work for Faction"));
@@ -297,8 +297,8 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
     elems.taskSelector.add(createOptionElement("Workout at Gym"));
     elems.taskSelector.add(createOptionElement("Shock Recovery"));
     elems.taskSelector.add(createOptionElement("Synchronize"));
-    elems.taskDetailsSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
+    elems.taskDetailsSelector = createElement("select", { class: "dropdown" }) as HTMLSelectElement;
-    elems.taskDetailsSelector2 = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
+    elems.taskDetailsSelector2 = createElement("select", { class: "dropdown" }) as HTMLSelectElement;
     elems.taskDescription = createElement("p");
     elems.taskProgressBar = createElement("p");
     elems.taskSelector.addEventListener("change", () => {

src/StockMarket/StockMarket.js

@@ -175,6 +175,11 @@ let StockMarket = {}        //Full name to stock object
 let StockSymbols = {}       //Full name to symbol
 let SymbolToStockMap = {};  //Symbol to Stock object
 
+let formatHelpData = {
+    longestName: 0,
+    longestSymbol: 0,
+};
+
 function loadStockMarket(saveString) {
     if (saveString === "") {
         StockMarket = {};
@@ -220,6 +225,12 @@ function initStockSymbols() {
     StockSymbols["Catalyst Ventures"]                       = "CTYS";
     StockSymbols["Microdyne Technologies"]                  = "MDYN";
     StockSymbols["Titan Laboratories"]                      = "TITN";
+
+    for (const key in StockSymbols) {
+        formatHelpData.longestName = key.length > formatHelpData.longestName ? key.length : formatHelpData.longestName;
+        formatHelpData.longestSymbol = StockSymbols[key].length > formatHelpData.longestSymbol ? StockSymbols[key].length : formatHelpData.longestSymbol;
+    }
+    console.log(formatHelpData);
 }
 
 function initStockMarket() {
@@ -1070,10 +1081,11 @@ function createStockTicker(stock) {
         return;
     }
     var tickerId = "stock-market-ticker-" + stock.symbol;
-    var li = document.createElement("li"), hdr = document.createElement("button");
+    var li = document.createElement("li"), hdr = document.createElement("button"), hdrpre = document.createElement("pre");;
     hdr.classList.add("accordion-header");
     hdr.setAttribute("id", tickerId + "-hdr");
-    hdr.innerHTML = stock.name + "  -  " + stock.symbol + "  -  " + numeralWrapper.format(stock.price, '($0.000a)');
+    hdrpre.textContent = stock.name + "  -  " + stock.symbol + "  -  " + numeralWrapper.format(stock.price, '($0.000a)');
+    hdr.appendChild(hdrpre);
 
     //Div for entire panel
     var stockDiv = document.createElement("div");
@@ -1354,19 +1366,15 @@ function updateStockTicker(stock, increase) {
         }
         return;
     }
-    let hdrText = stock.name + " (" + stock.symbol + ") - " + numeralWrapper.format(stock.price, '($0.000a)');
+    const stockPriceFormat = numeralWrapper.format(stock.price, '($0.000a)')
+    let hdrText = `${stock.name}${" ".repeat(1 + formatHelpData.longestName - stock.name.length + (formatHelpData.longestSymbol-stock.symbol.length))}${stock.symbol} -${" ".repeat(10 - stockPriceFormat.length)}${stockPriceFormat}`;
     if (Player.has4SData) {
-        hdrText += " - Volatility: " + numeralWrapper.format(stock.mv, '0,0.00') + "%" +
+        hdrText += ` - Volatility: ${numeralWrapper.format(stock.mv, '0,0.00')}% - Price Forecast: `;
-                   " - Price Forecast: ";
+        hdrText += (stock.b?"+":"-").repeat(Math.floor(stock.otlkMag/10) + 1);
-        if (stock.b) {
-            hdrText += "+".repeat(Math.floor(stock.otlkMag/10) + 1);
-        } else {
-            hdrText += "-".repeat(Math.floor(stock.otlkMag/10) + 1);
-        }
     }
-    hdr.innerText = hdrText;
+    hdr.firstChild.textContent = hdrText;
     if (increase != null) {
-        increase ? hdr.style.color = "#66ff33" : hdr.style.color = "red";
+        hdr.firstChild.style.color = increase ? "#66ff33" : "red";
     }
 }
 

src/engine.jsx

@@ -124,6 +124,8 @@ import "../css/gang.scss";
 import "../css/sleeves.scss";
 import "../css/resleeving.scss";
 import "../css/treant.css";
+import "../css/grid.min.css";
+import "../css/dev-menu.css";
 
 
 /* Shortcuts to navigate through the game

src/index.html

@@ -702,7 +702,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
         <a id="stock-market-expand-tickers" class="a-link-button tooltip">Expand tickers</a>
         <a id="stock-market-collapse-tickers" class="a-link-button tooltip">Collapse tickers</a>
         <br /><br />
-        <input id="stock-market-watchlist-filter" type="text" placeholder="Filter Stocks by symbol (comma-separated list)"/>
+        <input id="stock-market-watchlist-filter" class="text-input" type="text" placeholder="Filter Stocks by symbol (comma-separated list)"/>
         <a id="stock-market-watchlist-filter-update" class="a-link-button"> Update Watchlist </a>
         <ul id="stock-market-list" style="list-style:none;">
 		</ul>