[#181] remove calcControlsHeight as the component is always 70px in height now, and it caused issues on mobile UI. It's become obsolete

src/web/App.mjs

@@ -668,7 +668,6 @@ class App {
         this.manager.recipe.adjustWidth();
         this.manager.input.calcMaxTabs();
         this.manager.output.calcMaxTabs();
-        this.manager.controls.calcControlsHeight(); //@TODO
     }
 
 

src/web/TODO.md

@@ -12,9 +12,6 @@
 - test drag and drop etc. Regular mobile events / UX
 
 ### Desktop UI:
-#### Bug
-- `calcControlsHeight` and `adjustComponentSizes` cause trouble in `recipe` `rec-list` when resizing from desktop to mobile
-
 ### General UI:
 - fix up key / tab events so UI can be navigated comfortably with keys ( inc. visual focus feedback ). Probably a lot of work though
 

src/web/waiters/ControlsWaiter.mjs

@@ -418,18 +418,6 @@ ${navigator.userAgent}
                 bakeButton.classList.add("btn-success");
         }
     }
-
-    /**
-     * Calculates the height of the controls area and adjusts the recipe
-     * height accordingly.
-     */
-    calcControlsHeight() {
-        const controls = document.getElementById("controls"),
-            recList = document.getElementById("rec-list");
-
-        recList.style.bottom = controls.clientHeight + "px";
-    }
-
 }
 
 export default ControlsWaiter;