From d98540925022821f32aa071435e3119b1de6ab0a Mon Sep 17 00:00:00 2001
From: Gaurav Munjal <gaurav.munjal@civicplus.com>
Date: Sun, 26 Jan 2025 06:41:57 -0500
Subject: [PATCH] Move Licenses into customize section

---
 index.html                | 69 +++++++++++++++++++++------------------
 sources/chargen.css       | 11 +++++--
 sources/source_index.html | 69 +++++++++++++++++++++------------------
 3 files changed, 82 insertions(+), 67 deletions(-)

diff --git a/index.html b/index.html
index 044136866a..ad5b045e96 100644
--- a/index.html
+++ b/index.html
@@ -88,40 +88,42 @@ <h1>Universal LPC Spritesheet Generator</h1>
 				<input type="search" id="searchbox" name="" placeholder="Search" />
 				<output id="matches"></output>
 			</div>
-			<div>
-				<label class="control-label">Licenses:</label>
-				<ul>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="CC0" checked>
-						<label>CC0</label>
-						<a href="https://creativecommons.org/public-domain/cc0/">Show license</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="CC-BY-SA 3.0, CC-BY-SA 4.0" checked>
-						<label>CC-BY-SA</label>
-						<a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Show license (4.0)</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="CC-BY 3.0+, CC-BY 3.0, CC-BY 4.0, CC-BY" checked>
-						<label>CC-BY</label>
-						<a href="https://creativecommons.org/licenses/by/4.0/">Show license (4.0)</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="OGA-BY 3.0, OGA-BY 3.0+, OGA-BY 4.0" checked>
-						<label">OGA-BY</label>
-						<a href="https://static.opengameart.org/OGA-BY-3.0.txt">Show license (3.0)</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="GPL 2.0, GPL 3.0" checked>
-						<label>GPL</label>
-						<a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text">Show license (3.0)</a>
-					</li>
-				</ul>
-				<button type="button" class="removeIncompatibleWithLicenses">Remove Assets Incompatible With Selected Licenses</button>
-			</div>
 		</section>
 		<section id="chooser">
-			<h3>Body</h3>
+			<h3>Filters</h3>
+			<ul>
+				<li>
+					<span class="condensed">Licenses:</span>
+					<ul>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="CC0" checked>
+							<label>CC0</label>
+							<a href="https://creativecommons.org/public-domain/cc0/">Show license</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="CC-BY-SA 3.0, CC-BY-SA 4.0" checked>
+							<label>CC-BY-SA</label>
+							<a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Show license (4.0)</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="CC-BY 3.0+, CC-BY 3.0, CC-BY 4.0, CC-BY" checked>
+							<label>CC-BY</label>
+							<a href="https://creativecommons.org/licenses/by/4.0/">Show license (4.0)</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="OGA-BY 3.0, OGA-BY 3.0+, OGA-BY 4.0" checked>
+							<label">OGA-BY</label>
+							<a href="https://static.opengameart.org/OGA-BY-3.0.txt">Show license (3.0)</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="GPL 2.0, GPL 3.0" checked>
+							<label>GPL</label>
+							<a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text">Show license (3.0)</a>
+						</li>
+					</ul>
+					<button type="button" class="removeIncompatibleWithLicenses">Remove Assets Incompatible With Selected Licenses</button>
+				</li>
+			</ul>
 			<ul>
 				<li>
 					<!-- Supported Animation -->
@@ -198,6 +200,9 @@ <h3>Body</h3>
 					</ul>
 					<button type="button" class="removeUnsupported">Remove Assets Not Supported By Selected Animations</button>
 				</li>
+			</ul>
+			<h3>Body</h3>
+			<ul>
 				<li>
 					<!-- Body types -->
 					<span class="expanded">Body type</span>
diff --git a/sources/chargen.css b/sources/chargen.css
index 57d830a4d2..4da0f0de4b 100755
--- a/sources/chargen.css
+++ b/sources/chargen.css
@@ -131,6 +131,7 @@ input[type=button], input[type=reset] {
   z-index: 2;
   margin-left: 15px;
   order: -1;
+  height: 60px;
 }
 
 #chooser {
@@ -173,7 +174,7 @@ input[type=button], input[type=reset] {
   }
 
   #preview {
-    margin-top: 20%;
+    margin-top: 180px;
     max-height: none;
   }
 
@@ -203,7 +204,7 @@ input[type=button], input[type=reset] {
   #preview-animations {
     margin-left: 15px;
     position: relative;
-    top: 240px;
+    top: 150px;
     z-index: 2;
     opacity: 1;
     background-color: white;
@@ -230,7 +231,11 @@ input[type=button], input[type=reset] {
   #preview-animations {
     position: absolute;
     z-index: 0;
-    top: 450px;
+    top: 350px;
+  }
+
+  #preview {
+    margin-top: 260px;
   }
 }
 
diff --git a/sources/source_index.html b/sources/source_index.html
index 2c2abc13eb..501fbdb9c3 100755
--- a/sources/source_index.html
+++ b/sources/source_index.html
@@ -87,40 +87,42 @@ <h1>Universal LPC Spritesheet Generator</h1>
 				<input type="search" id="searchbox" name="" placeholder="Search" />
 				<output id="matches"></output>
 			</div>
-			<div>
-				<label class="control-label">Licenses:</label>
-				<ul>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="CC0" checked>
-						<label>CC0</label>
-						<a href="https://creativecommons.org/public-domain/cc0/">Show license</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="CC-BY-SA 3.0, CC-BY-SA 4.0" checked>
-						<label>CC-BY-SA</label>
-						<a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Show license (4.0)</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="CC-BY 3.0+, CC-BY 3.0, CC-BY 4.0, CC-BY" checked>
-						<label>CC-BY</label>
-						<a href="https://creativecommons.org/licenses/by/4.0/">Show license (4.0)</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="OGA-BY 3.0, OGA-BY 3.0+, OGA-BY 4.0" checked>
-						<label">OGA-BY</label>
-						<a href="https://static.opengameart.org/OGA-BY-3.0.txt">Show license (3.0)</a>
-					</li>
-					<li>
-						<input class="licenseCheckBox" type="checkbox" value="GPL 2.0, GPL 3.0" checked>
-						<label>GPL</label>
-						<a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text">Show license (3.0)</a>
-					</li>
-				</ul>
-				<button type="button" class="removeIncompatibleWithLicenses">Remove Assets Incompatible With Selected Licenses</button>
-			</div>
 		</section>
 		<section id="chooser">
-			<h3>Body</h3>
+			<h3>Filters</h3>
+			<ul>
+				<li>
+					<span class="condensed">Licenses:</span>
+					<ul>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="CC0" checked>
+							<label>CC0</label>
+							<a href="https://creativecommons.org/public-domain/cc0/">Show license</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="CC-BY-SA 3.0, CC-BY-SA 4.0" checked>
+							<label>CC-BY-SA</label>
+							<a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Show license (4.0)</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="CC-BY 3.0+, CC-BY 3.0, CC-BY 4.0, CC-BY" checked>
+							<label>CC-BY</label>
+							<a href="https://creativecommons.org/licenses/by/4.0/">Show license (4.0)</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="OGA-BY 3.0, OGA-BY 3.0+, OGA-BY 4.0" checked>
+							<label">OGA-BY</label>
+							<a href="https://static.opengameart.org/OGA-BY-3.0.txt">Show license (3.0)</a>
+						</li>
+						<li>
+							<input class="licenseCheckBox" type="checkbox" value="GPL 2.0, GPL 3.0" checked>
+							<label>GPL</label>
+							<a href="https://www.gnu.org/licenses/gpl-3.0.en.html#license-text">Show license (3.0)</a>
+						</li>
+					</ul>
+					<button type="button" class="removeIncompatibleWithLicenses">Remove Assets Incompatible With Selected Licenses</button>
+				</li>
+			</ul>
 			<ul>
 				<li>
 					<!-- Supported Animation -->
@@ -197,6 +199,9 @@ <h3>Body</h3>
 					</ul>
 					<button type="button" class="removeUnsupported">Remove Assets Not Supported By Selected Animations</button>
 				</li>
+			</ul>
+			<h3>Body</h3>
+			<ul>
 				<li>
 					<!-- Body types -->
 					<span class="expanded">Body type</span>