Keeping the footer down and applying color to both ingredient fields if both match

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "khguide"
-version = "1.0.1"
+version = "1.0.2"
 edition = "2021"
 
 [dependencies]

index.html

@@ -4,12 +4,25 @@
 		<title>Commands</title>
 		<style>
 			body {
+				position: relative;
+				min-height: 98vh;
 				background-color: #333;
 				color: #fff;
 			}
 
 			footer {
 				text-align: center;
+				position: absolute;
+				bottom: 0;
+				width: 100%;
+
+				* {
+					margin-bottom: 0;
+				}
+			}
+
+			#content {
+				padding-bottom: 2.5rem;
 			}
 
 			table {
@@ -55,7 +68,7 @@
 		</style><script>
 		let charFilter = "";
 		let typeFilter = "";
-		let searchType = "result";
+		let searchType = "commands";
 
 		document.addEventListener("DOMContentLoaded", (event) => {
 			const searchFilter = document.getElementById("filter");
@@ -138,6 +151,11 @@
 							}
 						} else {
 							applyStyle(tds[2]);
+							if (
+								tds[3].innerText.toLowerCase().includes(search)
+							) {
+								applyStyle(tds[3]);
+							}
 						}
 					} else if (searchType === "abilities") {
 						// Abilities
@@ -4142,7 +4160,7 @@
 						<td>5%</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td><td>-</td></tr></tbody>
 	</table></div>
 		<footer>
-			<p>v1.0.1</p>
+			<p>v1.0.2</p>
 		</footer>
 	</body>
 </html>

templates/layouts/base.html

@@ -4,12 +4,25 @@
 		<title>{% block title %}{% endblock %}</title>
 		<style>
 			body {
+				position: relative;
+				min-height: 98vh;
 				background-color: #333;
 				color: #fff;
 			}
 
 			footer {
 				text-align: center;
+				position: absolute;
+				bottom: 0;
+				width: 100%;
+
+				* {
+					margin-bottom: 0;
+				}
+			}
+
+			#content {
+				padding-bottom: 2.5rem;
 			}
 
 			table {

templates/pages/commands.html

@@ -6,7 +6,7 @@
 	<script>
 		let charFilter = "";
 		let typeFilter = "";
-		let searchType = "result";
+		let searchType = "commands";
 
 		document.addEventListener("DOMContentLoaded", (event) => {
 			const searchFilter = document.getElementById("filter");
@@ -89,6 +89,11 @@
 							}
 						} else {
 							applyStyle(tds[2]);
+							if (
+								tds[3].innerText.toLowerCase().includes(search)
+							) {
+								applyStyle(tds[3]);
+							}
 						}
 					} else if (searchType === "abilities") {
 						// Abilities