Adjust appearance of text items in the creation screen. Add arousal help

features.js

@@ -1017,17 +1017,25 @@ options = [
     "warning": "Arousal is enabled",
     "entries":
     [
+      {
+        "name": "Help",
+        "id": "",
+        "type": "label",
+        "tooltip": "Most actions increase arousal, as does digestion and being overfilled.\nEdging occurs when you're near orgasm, and increases the total volume of the orgasm."
+      },
       {
         "name": "Arousal multiplier",
         "id": "arousalFactor",
         "type": "float",
-        "default": "1"
+        "default": "1",
+        "tooltip": "How quickly arousal and orgasm builds."
       },
       {
         "name": "Edge multiplier",
         "id": "edgeFactor",
         "type": "float",
-        "default": "1"
+        "default": "1",
+        "tooltip": "How quickly edge builds up."
       }
     ]
   },

game.js

@@ -5652,6 +5652,11 @@ function render_label(li, option) {
 
   div.textContent = option.name;
 
+  if (option.tooltip != undefined) {
+    div.classList.add("has-tooltip");
+    div.setAttribute("title", option.tooltip);
+  }
+
   li.appendChild(div);
 }
 

style.css

@@ -798,7 +798,8 @@ body.dark .meterLabel {
 .custom-label {
   text-align: center;
   font-size: 30px;
-  width: 100%;
+  margin: auto;
   padding-top: 6px;
   padding-bottom: 6px;
+  user-select: none;
 }