From 1f70f610f711cdd68eaa8fba27605e9d151ce875 Mon Sep 17 00:00:00 2001
From: Prozilla <business@prozilla.dev>
Date: Fri, 21 Jul 2023 18:46:03 +0200
Subject: [PATCH] Updated terminal style

---
 src/components/Window.css                         |  2 ++
 src/components/applications/terminal/Terminal.js  |  2 ++
 .../applications/terminal/Terminal.module.css     | 15 ++++++++++++++-
 src/index.css                                     |  5 +++--
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/Window.css b/src/components/Window.css
index c45b3bd..1331886 100644
--- a/src/components/Window.css
+++ b/src/components/Window.css
@@ -68,5 +68,7 @@
 }
 
 .Window-content {
+	position: relative;
 	overflow: hidden;
+	height: 100%;
 }
\ No newline at end of file
diff --git a/src/components/applications/terminal/Terminal.js b/src/components/applications/terminal/Terminal.js
index 173deef..3ab9e19 100644
--- a/src/components/applications/terminal/Terminal.js
+++ b/src/components/applications/terminal/Terminal.js
@@ -14,7 +14,9 @@ function InputLine({ value, prefix, onChange, onKeyUp, onKeyDown }) {
 	return (
 		<span className={styles.Input}>
 			{prefix && <p className={[styles.Prefix]}>{prefix}</p>}
+			<label for="input"/>
 			<input
+				id="input"
 				value={value}
 				onChange={onChange}
 				onKeyUp={onKeyUp}
diff --git a/src/components/applications/terminal/Terminal.module.css b/src/components/applications/terminal/Terminal.module.css
index 8b3852a..7991854 100644
--- a/src/components/applications/terminal/Terminal.module.css
+++ b/src/components/applications/terminal/Terminal.module.css
@@ -6,6 +6,10 @@
 	height: 100%;
 }
 
+.Terminal * {
+	font-family: var(--mono-font-family);
+}
+
 .Terminal p {
 	margin: 0;
 }
@@ -30,5 +34,14 @@
 	border: none;
 	outline: none;
 	font-size: inherit;
-	margin-left: 0.15rem;
+	margin-left: 0.45rem;
+}
+
+.Input label {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	cursor: text;
 }
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 2219224..0ca0d11 100644
--- a/src/index.css
+++ b/src/index.css
@@ -28,8 +28,9 @@
 	--background-color-c: var(--dark-grey-d);
 
 	--body-font-family: "Poppins", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-		sans-serif;
+		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+	--mono-font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+		monospace;
 }
 
 @font-face {