From b840c95c21a2b28d13c1591bed1fb6d1c9b7b161 Mon Sep 17 00:00:00 2001
From: MrLetsplay <mr@cringe-studios.com>
Date: Mon, 30 Oct 2023 23:10:16 +0100
Subject: [PATCH] Fix page layout

---
 src/pages/ConvertBase.tsx | 11 +++++------
 src/pages/LoremIpsum.tsx  |  2 +-
 src/pages/StrLen.tsx      |  2 +-
 src/pages/StrNoise.tsx    |  2 +-
 src/pages/StrRev.tsx      |  2 +-
 5 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/pages/ConvertBase.tsx b/src/pages/ConvertBase.tsx
index 348fc23..a262842 100644
--- a/src/pages/ConvertBase.tsx
+++ b/src/pages/ConvertBase.tsx
@@ -71,18 +71,17 @@ const ConvertBase: Component = () => {
 
 	return (
 		<div class={styles.page}>
-			<h1>Convert</h1>
-			<h2>Bases</h2>
+			<h1>Convert Base</h1>
 			<span>{error()}</span>
-			<h3>Decimal</h3>
+			<h2>Decimal</h2>
 			<textarea value={decimal()} oninput={e => updateExcept(e.currentTarget.value, 10, setDecimal)} />
-			<h3>Binary</h3>
+			<h2>Binary</h2>
 			<textarea value={binary()} oninput={e => updateExcept(e.currentTarget.value, 2, setBinary)} />
 			<div class={styles.checkbox}>
 				<input id={'octets'} type={'checkbox'} checked={binaryOctets()} onchange={e => setBinaryOctet(e.currentTarget.checked)} />
 				<label for={'octets'}>Octets</label>
 			</div>
-			<h3>Octal</h3>
+			<h2>Octal</h2>
 			<textarea value={octal()} oninput={e => updateExcept(e.currentTarget.value, 8, setOctal)} />
 			<div class={styles.checkbox}>
 				<input id={'triplets'} type={'checkbox'} checked={octalTriplets()} onchange={e => setOctalTriplet(e.currentTarget.checked)} />
@@ -93,7 +92,7 @@ const ConvertBase: Component = () => {
 				<input id={'pairs'} type={'checkbox'} checked={hexPairs()} onchange={e => setHexPairs(e.currentTarget.checked)} />
 				<label for={'pairs'}>Pairs</label>
 			</div>
-			<h2>All Tools</h2>
+			<h1>All Tools</h1>
 			<Navigation />
 		</div>
 	);
diff --git a/src/pages/LoremIpsum.tsx b/src/pages/LoremIpsum.tsx
index 1fe8e63..e9831d0 100644
--- a/src/pages/LoremIpsum.tsx
+++ b/src/pages/LoremIpsum.tsx
@@ -102,7 +102,7 @@ const LoremIpsum: Component = () => {
 			<h2>Output</h2>
 			<textarea value={output()} ref={outputField} />
 			<button onclick={copy}>Copy Output</button>
-			<h2>All Tools</h2>
+			<h1>All Tools</h1>
 			<Navigation />
 		</div>
 	);
diff --git a/src/pages/StrLen.tsx b/src/pages/StrLen.tsx
index 12f34be..1228df7 100644
--- a/src/pages/StrLen.tsx
+++ b/src/pages/StrLen.tsx
@@ -33,7 +33,7 @@ const StrLen: Component = () => {
 			<h3>Word Count</h3>
 			<input value={outputWords()} ref={outputWordsField} />
 			<button onclick={() => copy(outputWordsField!)}>Copy Output</button>
-			<h2>All Tools</h2>
+			<h1>All Tools</h1>
 			<Navigation />
 		</div>
 	);
diff --git a/src/pages/StrNoise.tsx b/src/pages/StrNoise.tsx
index 5802580..4d7d3d1 100644
--- a/src/pages/StrNoise.tsx
+++ b/src/pages/StrNoise.tsx
@@ -76,7 +76,7 @@ const StrNoise: Component = () => {
 			<h2>Output</h2>
 			<input value={output()} ref={outputField} />
 			<button onclick={copy}>Copy Output</button>
-			<h2>All Tools</h2>
+			<h1>All Tools</h1>
 			<Navigation />
 		</div>
 	);
diff --git a/src/pages/StrRev.tsx b/src/pages/StrRev.tsx
index 4d6c8da..cd3d650 100644
--- a/src/pages/StrRev.tsx
+++ b/src/pages/StrRev.tsx
@@ -26,7 +26,7 @@ const StrRev: Component = () => {
 			<h2>Output</h2>
 			<input value={output()} ref={outputField} />
 			<button onclick={copy}>Copy Output</button>
-			<h2>All Tools</h2>
+			<h1>All Tools</h1>
 			<Navigation />
 		</div>
 	);