Move building buttons into a list

gorge.css

@@ -75,6 +75,9 @@ button {
   height: 90%;
   max-height: 80vh;
   padding-bottom: 10px;
+}
+
+#buildings-list {
   overflow-x: hidden;
   overflow-y: scroll;
 }
@@ -88,6 +91,9 @@ button {
     max-height: 40vh;
   }
 
+  #buildings-list {
+    max-height: 40vh;
+  }
 }
 
 #building-tooltip {

gorge.html

@@ -52,6 +52,7 @@
       <div id="building-tooltip-cost"></div>
       <div id="building-tooltip-prod"></div>
     </div>
+    <div id="buildings-list"></div>
   </div>
 
 </body>

gorge.js

@@ -379,7 +379,7 @@ function createButtons() {
 }
 
 function createBuildings() {
-  let container = document.querySelector("#buildings-area");
+  let container = document.querySelector("#buildings-list");
 
   for (const [key, value] of Object.entries(buildings)) {
     let button = document.createElement("div");