From e654bf5ae8c3d966ff24d279c5188dcff52def22 Mon Sep 17 00:00:00 2001
From: ByteDice <bytedice.official@gmail.com>
Date: Fri, 2 Jan 2026 13:26:52 +0100
Subject: [PATCH] fixed some bugs in /toys/license/

---
 libs/test/index.html     |  6 ++--
 toys/license/index.html  | 64 ++++++++++++++++++++--------------------
 toys/license/options.css | 17 +++++------
 toys/license/style.css   |  2 +-
 4 files changed, 43 insertions(+), 46 deletions(-)

diff --git a/libs/test/index.html b/libs/test/index.html
index 52b062e..aa6dff5 100644
--- a/libs/test/index.html
+++ b/libs/test/index.html
@@ -34,18 +34,16 @@
 			<h1 style="margin-bottom: calc(1px * var(--pxDensity)); font-size: 2em; color: red; text-decoration: underline;">
 				WARNING
 			</h1>
-			These are experimental/testing libraries. Do not expect them to function. Do not expect them to stay functioning. Do not expect them stay as a whole. Do not expect their advertising to be correct. Do not expect anything from them.
+			These are experimental/testing libraries. Do not expect anything from them, they may even be removed in the future.
 		</div>
 
-		<div style="height: calc(1px * var(--pxDensity)); margin: 0 calc(3px * var(--pxDensity)); background-color: var(--navBarBtn_Border);"></div>
-
     <ul class="libUl">
 			<li class="libLi">
         <div class="libContainer borderedRect">
           <img class="libImg" src="/assets/js.png" style="border-radius: 16px;">
           <div class="libTextContainer">
             <h1>Calendar Library</h1>
-            <p class="desc">A fully customizable calendar library. So customizable that you can barely call it a calendar library.</p>
+            <p class="desc">Description.</p>
           </div>
 					<div class="libSrcContainer">
 						&lt;script src="https://www.bytedice.net/libs/test/calendar_test.js"&gt;&lt;/script&gt;
diff --git a/toys/license/index.html b/toys/license/index.html
index a3e9c85..7af9dde 100644
--- a/toys/license/index.html
+++ b/toys/license/index.html
@@ -61,53 +61,53 @@
         </h1><br>
         
         <h1>Basic</h1><br>
-        <form class="licenseForm">
-          <div class="paramContainer"><label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license"></div>
-          <div class="paramContainer"><label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice"></div>
-          <div class="paramContainer"><label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01"></div>
-          <div class="paramContainer"><label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!"></div>
-          <div class="paramContainer"><label for="identityInput">Identity</label><input type="text" id="identityInput" name="identityInput" value="any pronouns"></div>
+        <form class="licenseForm licenseFormContainer">
+          <label for="titleInput">Title</label><input type="text" id="titleInput" name="titleInput" value="Boykisser license">
+          <label for="authorInput">For/Author</label><input type="text" id="authorInput" name="authorInput" value="Byte Dice">
+          <label for="createdInput">Issued</label><input type="text" id="createdInput" name="createdInput" value="2025-01-01">
+          <label for="expireInput">Expires</label><input type="text" id="expireInput" name="expireInput" value="NEVER!!!">
+          <label for="identityInput">Identity</label><input type="text" id="identityInput" name="identityInput" value="any pronouns">
 
-          <div class="paramContainer"><label for="sillyInput">Silly</label><div id="sillyNumberValue">03</div><div class="sliderDiv">
-            <input type="range" min="0" max="10" value="3" class="slider" id="sillyInput" name="sillyInput">
-          </div></div>
+          <label for="sillyInput">Silly</label><div style="display: inline-flex">
+						<div id="sillyNumberValue">03</div><div class="sliderDiv">
+            <input type="range" min="0" max="10" value="3" class="slider" id="sillyInput" name="sillyInput"></div>
+          </div>
 
-          <div class="paramContainer"><label for="signatureInput">Signature</label><input type="text" id="signatureInput" name="signatureInput" value="Byte Dice"></div>
+          <label for="signatureInput">Signature</label><input type="text" id="signatureInput" name="signatureInput" value="Byte Dice">
 
-          <div class="paramContainer"><label for="picInput">Picture</label><select id="picInput" name="picInput">
-            <option value="boykisser"    >Boykisser</option>
-            <option value="bi-kisser"    >Bi-kisser</option>
-            <option value="ace-kisser"   >Ace-kisser</option>
-            <option value="pan-kisser"   >Pan-kisser</option>
-            <option value="trans-kisser" >Trans-kisser</option>
-            <option value="bytedice"     >Byte Dice</option>
-            <option value="custom" id="customPic">Custom (upload)</option>
-          <!-- very clean code, nothing to see here (i dont want whitespaces) -->
-          </select><label
-            for="picUpload" id="picUploadLabel"><img src="/assets/icons/upload.svg" id="picUploadIcon" draggable="false"></label
-          ><input
-            type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp"
-          ></div>
+          <label for="picInput">Picture</label><div style="display: inline-flex">
+						<select id="picInput" name="picInput">
+							<option value="boykisser"    >Boykisser</option>
+							<option value="bi-kisser"    >Bi-kisser</option>
+							<option value="ace-kisser"   >Ace-kisser</option>
+							<option value="pan-kisser"   >Pan-kisser</option>
+							<option value="trans-kisser" >Trans-kisser</option>
+							<option value="bytedice"     >Byte Dice</option>
+							<option value="custom" id="customPic">Custom (upload)</option>
+          	</select>
+						<label for="picUpload" id="picUploadLabel"><img src="/assets/icons/upload.svg" id="picUploadIcon" draggable="false"></label>
+						<input type="file" id="picUpload" name="picUpload" accept=".png,.jpg,.jpeg,.webp">
+					</div>
         </form><br>
 
-        <h1>Extra</h1><br>
+        <!--<h1>Extra</h1><br>
         <form class="licenseForm">
           <label for="soon1">Soon...</label><input type="text" name="soon1" value="Does nothing"><br>
-          <!-- decorations like
+          <\!-- decorations like
             the QR-code and other "accessories"
-          -->
-        </form><br>
+          -\->
+        </form><br>-->
 
-        <h1>Advanced</h1><br>
+        <!--<h1>Advanced</h1><br>
         <form class="licenseForm">
           <label for="soon2">Soon...</label><input type="text" name="soon2" value="Does nothing"><br>
-          <!-- 
+          <\!-- 
             license border radius
             pic border radius
             title gradient (2 colors + direction) or flag
             license bg-image/bg-gradient
-          -->
-        </form>
+          -\->
+        </form>-->
 
         <button id="generateButton" onclick="generateLicense()">
           <img src="/assets/icons/download.svg" class="generateButtonIcon" draggable="false">
diff --git a/toys/license/options.css b/toys/license/options.css
index 569b56c..1b553da 100644
--- a/toys/license/options.css
+++ b/toys/license/options.css
@@ -14,6 +14,10 @@
   margin: 0%;
   max-width: calc(100% - (4px * var(--pxDensity)));
 }
+.licenseFormContainer {
+	display: grid;
+	grid-template-columns: 35% 65%;
+}
 .licenseForm label {
   background-color: var(--navBarBtn_Inner);
   box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBarBtn_Border),
@@ -40,13 +44,12 @@
   font-size: inherit;
   margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
   box-sizing: border-box;
-  /* width: round(auto, var(--pxDensity)); */
-  width: 50%;
+  width: round(auto, var(--pxDensity));
   height: calc(6px * var(--pxDensity));
   color: inherit;
   display: inline-block;
 }
-.slider { /* its slightly offset down >:( */
+.slider {
   -webkit-appearance: none;
   appearance: none;
   background-color: var(--navBarBtn_Border);
@@ -83,7 +86,6 @@
   font-size: inherit;
   margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%;
   box-sizing: border-box;
-  width: 50%;
   height: calc(6px * var(--pxDensity));
   color: inherit;
   align-items: center;
@@ -152,6 +154,7 @@ input[type=file] {
   display: none;
 }
 #picInput {
+	height: calc(6px * var(--pxDensity));
   margin-right: calc(3px * var(--pxDensity));
 }
 #picUploadLabel {
@@ -193,8 +196,4 @@ form {
   width: auto;
   display: inline-block;
   margin: auto 0%;
-}
-.paramContainer {
-  display: flex;
-  align-items: center;
-}
+}
\ No newline at end of file
diff --git a/toys/license/style.css b/toys/license/style.css
index 3a93a96..64fc75f 100644
--- a/toys/license/style.css
+++ b/toys/license/style.css
@@ -11,7 +11,7 @@
 }
 a {
   cursor: pointer;
-  color: #3333EE;
+  color: #2222FF;
   text-decoration: underline;
   font-weight: normal;
 }