Updated design of test interface.

hexydec · Jan 21, 2024 · b96ba8e · b96ba8e
1 parent 1adf237
commit b96ba8e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/docs/cssdoc.svg b/docs/cssdoc.svg
diff --git a/index.php b/index.php
@@ -100,10 +100,13 @@
 	<head>
 		<title>Hexydec CSS Minifier</title>
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
+		<link rel="shortcut icon" type="image/svg" href="docs/cssdoc.svg" />
 		<style>
 			html, body {
 				margin: 0;
-				font-family: Segoe UI;
+			}
+			body, input {
+				font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
 			}
 			.minify__form {
 				height: 100vh;
@@ -117,6 +120,9 @@
 			.minify__form-heading {
 				margin: 10px 10px 0 10px;
 				flex: 0 0 auto;
+				display: flex;
+				align-items: center;
+				gap: 0 10px;
 			}
 			.minify__form-input {
 				flex: 1 1 auto;
@@ -173,7 +179,10 @@
 	<body>
 		<form action="<?= \htmlspecialchars($_SERVER['REQUEST_URI']); ?>" method="post" accept-charset="<?= \mb_internal_encoding(); ?>" class="minify__form" novalidate="novalidate">
 			<div class="minify__form-wrap">
-				<h1 class="minify__form-heading">CSS Minifier</h1>
+				<h1 class="minify__form-heading">
+					<img src="docs/cssdoc.svg" alt="CSSdoc" height="50" />
+					CSS Minifier
+				</h1>
 				<div class="minify__form-input">
 					<label for="source">Paste CSS:</label>
 					<textarea name="source" id="source" class="minify__form-input-box"><?= \htmlspecialchars($input); ?></textarea>