Fixed left-side buttons. Added debug log button

game.js

@@ -3430,6 +3430,17 @@ function registerActions() {
   });
 }
 
+function debugLog() {
+  console.log("Your character settings:");
+  console.log(JSON.stringify(generateSettings()));
+  console.log("Current macro state:");
+  console.log(JSON.stringify( macro, function( key, value) {
+    if( key == 'owner') { return "owner";}
+    else {return value;}
+  }));
+  alert("Debug info has been logged to console. Press F12, click \"Console\", and copy all the text")
+}
+
 window.addEventListener('load', function(event) {
 
   (function() {
@@ -3467,6 +3478,7 @@ window.addEventListener('load', function(event) {
   document.getElementById("button-dark-mode-game").addEventListener("click",toggleDarkMode);
 
   document.getElementById("button-stats").addEventListener("click",showStats);
+  document.getElementById("button-debug-log").addEventListener("click",debugLog);
 
   document.getElementById("button-amount-1").addEventListener("click",function() { grow_pick(1); });
   document.getElementById("button-amount-5").addEventListener("click",function() { grow_pick(5); });

stroll.html

@@ -79,6 +79,7 @@
         <button class="stat-button" id="button-grow-lots">SUPER BIG</button>
         <button class="stat-button" id="button-dark-mode-game">Toggle Dark Mode</button>
         <button class="stat-button" id="button-stats">Stats</button>
+        <button class="stat-button" id="button-debug-log">Debug Log</button>
       </div>
     </div>
     <div id="log-area">
@@ -577,7 +578,7 @@
                 <input type="number" step="any" id="basePawStenchArea" name="basePawStenchArea" placeholder="1" />
               </li>
               <li>
-                <label class="has-tooltip" for="baseAssStenchArea" title="How many times your ass' area should be covered in stench">Paw stench area</label>
+                <label class="has-tooltip" for="baseAssStenchArea" title="How many times your ass' area should be covered in stench">Ass stench area</label>
                 <input type="number" step="any" id="baseAssStenchArea" name="baseAssStenchArea" placeholder="1" />
               </li>
             </div>

style.css

@@ -128,6 +128,7 @@ body.dark #log {
 
 .stat-container {
   width: 100%;
+  display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   flex: 1
@@ -155,19 +156,18 @@ body.dark #log {
   font-size: 32px;
 }
 
-.stat-button {
-  font-size: 20px;
-  width: 50%;
-  height: 75px;
-  display: block;
-}
-
 .option-form {
   font-size: 16px;
   width: 300px;
   height: 100px;
 }
 
+.stat-button {
+  font-size: 18px;
+  width: 50%;
+  height: 75px;
+}
+
 .action-button {
   font-size: 18px;
   width: 50%;
@@ -230,6 +230,9 @@ body.dark .custom-category {
   background: #222;
 }
 
+body.dark .custom-category div {
+  background: #222;
+}
 .custom-header-static {
   font-size: 250%;
   margin: 10px;