webui: Add prompt to the SQL input of the execute page

Author: MKleusberg

webui/jsx/sql-terminal.css

@@ -28,3 +28,9 @@
 .sql-terminal-input {
 	padding-right: 1em;
 }
+
+.sql-terminal-input-prompt {
+	display: table-cell;
+	width: 1%;
+	font-family: "monospace";
+}

webui/jsx/sql-terminal.js

@@ -222,6 +222,7 @@ export default function SqlTerminal() {
 			{recentCommands.map(c => <SqlTerminalCommand command={c} />)}
 			<div className="sql-terminal-input">
 				<div className="input-group" ref={editorRef}>
+					<div className="sql-terminal-input-prompt"><strong className="text-muted">sql>&nbsp;</strong></div>
 					<Editor
 						value={code}
 						onValueChange={text => setCode(text)}