Updated terminal style

src/components/Window.css

@@ -68,5 +68,7 @@
 }
 
 .Window-content {
+	position: relative;
 	overflow: hidden;
+	height: 100%;
 }

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}

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;
 }

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',
+		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-		sans-serif;
+	--mono-font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+		monospace;
 }
 
 @font-face {