From 7f658f4b9f6ef792711104eecd6dfb1fa5a4701a Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 1 Mar 2018 08:54:44 -0500
Subject: [PATCH] Beaks are in the menu. Got nested collapsing boxes working

---
 stroll.html | 25 +++++++++++++++++++++++--
 style.css   |  6 +++---
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/stroll.html b/stroll.html
index 06b06a4..44138fb 100644
--- a/stroll.html
+++ b/stroll.html
@@ -291,6 +291,13 @@
                     <option value="avian">Avian</option>
                   </select>
                 </li>
+                <li>
+                  <label for="jawType">Mouth type</label>
+                  <select name="jawType">
+                    <option value="jaw">Jaws</option>
+                    <option value="beak">Beak</option>
+                  </select>
+                </li>
               </div>
             </div>
 
@@ -431,8 +438,22 @@
                   </div>
                 </li>
                 <li>
-                  <label for="breastVore">Breast vore</label>
-                  <input type="checkbox" checked="true" id="breastVore" name="breastVore"/>
+                  <div class="custom-category-sub">
+                    <ul class="flex-outer-sub">
+                      <input class="custom-header-checkbox" type="checkbox" checked="true" id="breastVore" name="breastVore"/>
+                      <label class="custom-header" for="breastVore">Breast Vore</label>
+                      <div class="reveal-if-active">
+                        <li>
+                          <label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>
+                          <input type="number" id="lactationFactor" name="lactationFactor" placeholder="0.25"/>
+                        </li>
+                        <li>
+                          <label for="lactationScale">Milk production factor</label>
+                          <input type="number" id="lactationScale" name="lactationScale" placeholder="1"/>
+                        </li>
+                      </div>
+                    </ul>
+                  </div>
                 </li>
               </div>
             </div>
diff --git a/style.css b/style.css
index d4eeaa9..4e87658 100644
--- a/style.css
+++ b/style.css
@@ -216,9 +216,9 @@ input[type="checkbox"]:checked ~ .reveal-if-active {
 .custom-category-sub {
   text-align: center;
   margin: 10px;
-  width: 500px;
+  width: 400px;
   padding: 0px;
-  margin: 0px;
+  margin: 0px 50px;
 }
 
 body.light .custom-category {
@@ -311,7 +311,7 @@ body.dark input[type="checkbox"]:checked+
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  width: 500px;
+  width: 400px;
 }
 
 .flex-outer-sub label,