Prod of each building is shown; improved how buildings are shown

gorge.css

@@ -56,6 +56,7 @@ body.dark {
 }
 
 .building-button {
+  position: relative;
   display: block;
   width: 90%;
   height: 75px;
@@ -74,18 +75,25 @@ body.dark {
 
 .building-button .building-button-name {
   font-size: 24px;
-  position: relative;
-  left: 25%;
-  top: 10%;
+  position: absolute;
+  left: 10%;
+  top: 15%;
   user-select: none;
   -moz-user-select: none;
 }
 
 .building-button .building-button-cost {
   font-size: 18px;
-  position: relative;
-  left: 25%;
-  top: 20px;
+  position: absolute;
+  left: 10%;
+  bottom: 15%;
+}
+
+.building-button .building-button-prod {
+  font-size: 16px;
+  position: absolute;
+  right: 10%;
+  bottom: 20px;
 }
 
 .building-button:hover {
@@ -101,6 +109,11 @@ body.dark {
   background-color: #111;
 }
 
+.building-button-disabled:active {
+  background-color: #111 !important;
+  border-color: #666 !important;
+}
+
 #upgrades-area {
   position: absolute;
   width: 20%;

gorge.js

@@ -91,6 +91,7 @@ function displayBuildings() {
 
     document.querySelector("#building-" + key + " > .building-button-name").innerText = value.count + " " + (value.count == 1 ? buildings[key].name : buildings[key].plural);
     document.querySelector("#building-" + key + " > .building-button-cost").innerText = costOfBuilding(key) + " food";
+    document.querySelector("#building-" + key + " > .building-button-prod").innerText = Math.round(productivityMultiplierOf(key) * buildings[key].prod * 10) / 10 + " food/sec";
 
     if (costOfBuilding(key) > resources.food) {
       button.classList.add("building-button-disabled");
@@ -207,9 +208,13 @@ function createBuildings() {
     buttonName.classList.add("building-button-name");
     let buttonCost = document.createElement("div");
     buttonCost.classList.add("building-button-cost");
+    let buttonProd = document.createElement("div");
+    buttonProd.classList.add("building-button-prod");
+
 
     button.appendChild(buttonName);
     button.appendChild(buttonCost);
+    button.appendChild(buttonProd);
 
     container.appendChild(button);
   }