Adjust formatting of the growth panel

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">

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 {