miniature styling changes

Author: everloste

index.html

@@ -18,7 +18,7 @@
 			<div class="header-middle">
 				<p><a id="config-screen-select">
 					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M480 224C492.9 224 504.6 231.8 509.6 243.8C514.6 255.8 511.8 269.5 502.7 278.7L342.7 438.7C330.2 451.2 309.9 451.2 297.4 438.7L137.4 278.7C128.2 269.5 125.5 255.8 130.5 243.8C135.5 231.8 147.1 224 160 224L480 224z"/></svg>
-					Datapack config
+					Config editor
 				</a></p>
 			</div>
 			<div>

style.css

@@ -35,7 +35,7 @@ body {
 }
 
 body {
-	padding: 0.5rem;
+	padding: 0.5rem 0;
 	display: flex;
 	flex-direction: column;
 	gap: 0.5rem;
@@ -305,7 +305,7 @@ footer {
 	justify-content: space-between;
 	align-content: center;
 	align-items: center;
-	padding: 0 0.5rem;
+	padding: 0 1rem;
 
 	p {
 		margin: 0;
@@ -350,7 +350,7 @@ div.header {
 	justify-content: space-between;
 	width: 100%;
 	gap: 1em;
-	padding: 0 1em;
+	padding: 0 1rem;
 	* {
 		margin-top: 0;
 		margin-bottom: 0;