Moved some items around the creation menu

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>

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;