From 5302c0d7026f61a1850d3527135698c0821b7a72 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sat, 21 Dec 2019 17:21:19 -0500
Subject: [PATCH] Adjust formatting of the growth panel

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

diff --git a/stroll.html b/stroll.html
index 30dede0..0164937 100644
--- a/stroll.html
+++ b/stroll.html
@@ -166,10 +166,10 @@
         <div class="stat-line-hidden" id="piss"></div>
         <div class="stat-line-hidden" id="scat"></div>
       </div>
-      <div class="stat-header-self">Growth</div>
 
       <div class="growth-box">
         <div id="growth-box-left">
+          <div class="stat-header-self">Growth</div>
           <select id="growth-part-select">
             <option class="growth-part growth-part-active" id="option-growth-body" value="body" >Body</option>
             <option class="growth-part" id="option-growth-paws" value="paws">Paws</option>
@@ -181,8 +181,6 @@
             <option class="growth-part" id="option-growth-womb" value="womb">Womb</option>
             <option class="growth-part" id="option-growth-breasts" value="breasts">Breasts</option>
           </select>
-        </div>
-        <div id="growth-box-right">
           <button class="growth-amount" id="button-growth-1.1">1.1x</button>
           <button class="growth-amount" id="button-growth-1.5">1.5x</button>
           <button class="growth-amount" id="button-growth-2">2x</button>
@@ -190,6 +188,8 @@
           <button class="growth-amount" id="button-growth-20">20x</button>
           <button class="growth-amount" id="button-growth-100">100x</button>
         </div>
+        <div id="growth-box-right">
+        </div>
       </div>
     </div>
     <div id="log-area">
diff --git a/style.css b/style.css
index e7b1cde..a5d127f 100644
--- a/style.css
+++ b/style.css
@@ -97,6 +97,9 @@ body.dark div {
   .growth-part {
     width: 100px !important;
   }
+  #growth-part-select {
+    width: 100px !important;
+  }
   .growth-amount {
     width: 100px !important;
   }
@@ -748,6 +751,7 @@ body.dark .meterLabel {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
+  text-align: left;
   flex: 0 1 400px;
 }
 
@@ -761,8 +765,10 @@ body.dark .meterLabel {
   height: 100%;
 }
 
-#growth-box-right {
-  height: 100%;
+#growth-part-select {
+  display: block;
+  height: 100px;
+  font-size: 20px;
 }
 
 .growth-part {