From 0d486360ec6ea184efd47cb47d0c541dc97c16be Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 1 Mar 2018 09:07:35 -0500
Subject: [PATCH] Moved some items around the creation menu

---
 stroll.html | 30 ++++++++++++++++++------------
 style.css   |  8 ++++++--
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/stroll.html b/stroll.html
index 5ad109c..ec7942d 100644
--- a/stroll.html
+++ b/stroll.html
@@ -72,7 +72,7 @@
       </div>
       <div id="log-area">
         <div id="log">
-          <div>Welcome to Stroll 0.5.12</div>
+          <div>Welcome to Stroll 0.5.13</div>
           <div><b>This game features 18+ content</b></div>
           <div><a href="https://chemicalcrux.org/stroll">Changelog</a></div>
           <div><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></div>
@@ -138,7 +138,7 @@
       </div>
     </div>
     <div class="character-build">
-      <p>Welcome to Stroll 0.5.12</p>
+      <p>Welcome to Stroll 0.5.13</p>
       <p><b>This game features 18+ content</b></p>
       <p><a href="https://chemicalcrux.org/stroll">Changelog</a></p>
       <p><a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram discussion group</a></p>
@@ -213,10 +213,6 @@
                   <label for="baseHandArea">Hand area</label>
                   <input type="number" id="baseHandArea" name="baseHandArea" placeholder="0.1">
                 </li>
-                <li>
-                  <label for="baseAnalVoreArea">Tailhole area</label>
-                  <input type="number" id="baseAnalVoreArea" name="baseAnalVoreArea" placeholder="0.1">
-                </li>
                 <li>
                   <label for="baseAssArea">Ass area</label>
                   <input type="number" id="baseAssArea" name="baseAssArea" placeholder="0.4">
@@ -305,6 +301,10 @@
               <input class="custom-header-checkbox" type="checkbox" checked="true" id="analVore" name="analVore"/>
               <label class="custom-header" for="analVore">Anal Vore</label>
               <div class="reveal-if-active">
+                <li>
+                  <label for="baseAnalVoreArea">Tailhole area</label>
+                  <input type="number" id="baseAnalVoreArea" name="baseAnalVoreArea" placeholder="0.1">
+                </li>
                 <li>
                   <label class="has-tooltip" for="analVoreToStomach" title="Otherwise, bowels absorb/digest">Anal vore goes to stomach</label>
                   <input type="checkbox" name="analVoreToStomach" id="analVoreToStomach"/>
@@ -348,12 +348,18 @@
                   <input type="number" name="baseTailDiameter" placeholder="0.3"/>
                 </li>
                 <li>
-                  <label for="tailMaw">Tail maw(s)</label>
-                  <input type="checkbox" checked="true" name="tailMaw"/>
-                </li>
-                <li>
-                  <label for="tailStretchiness">Tail stretchiness</label>
-                  <input type="number" name="tailStretchiness" placeholder="1"/>
+                  <div class="custom-category-sub">
+                    <ul class="flex-outer-sub">
+                      <input class="custom-header-checkbox" type="checkbox" checked="true" id="tailMaw" name="tailMaw"/>
+                      <label class="custom-header" for="tailMaw">Tail Vore</label>
+                      <div class="reveal-if-active">
+                        <li>
+                          <label for="tailStretchiness">Tail stretchiness</label>
+                          <input type="number" name="tailStretchiness" placeholder="1"/>
+                        </li>
+                      </div>
+                    </ul>
+                  </div>
                 </li>
               </div>
             </div>
diff --git a/style.css b/style.css
index 4e87658..f47bddd 100644
--- a/style.css
+++ b/style.css
@@ -230,7 +230,7 @@ body.dark .custom-category {
 }
 
 .custom-header-static {
-  font-size: 200%;
+  font-size: 250%;
   margin: 10px;
   display: inline-block;
 }
@@ -244,7 +244,7 @@ body.dark .custom-header-static {
 }
 
 .custom-header {
-  font-size: 200%;
+  font-size: 250%;
   margin: 10px;
   display: inline-block;
   border-style: dotted;
@@ -252,6 +252,10 @@ body.dark .custom-header-static {
   border-length: 5px;
 }
 
+.custom-category-sub .custom-header {
+  font-size: 200%;
+}
+
 body.light .custom-header {
   color: #aaa;
   background: #ddd;