From 00184811ea6ba7f3bb53730ef026d653a5121e50 Mon Sep 17 00:00:00 2001
From: Přemysl Eric Janouch <p@janouch.name>
Date: Mon, 19 Sep 2022 03:16:34 +0200
Subject: xP: make the prompt look more xC-like

---
 xP/public/xP.css | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

(limited to 'xP/public/xP.css')

diff --git a/xP/public/xP.css b/xP/public/xP.css
index 96d6525..041eb63 100644
--- a/xP/public/xP.css
+++ b/xP/public/xP.css
@@ -186,16 +186,30 @@ button {
 	column-gap: .6em;
 	overflow-x: auto;
 }
-
+.input {
+	flex-shrink: 0;
+	border: 2px inset #eee;
+	overflow: hidden;
+	resize: vertical;
+	display: flex;
+}
+.input:focus-within {
+	border-color: #ff5f00;
+}
+.prompt {
+	padding: .05em .3em;
+	border-right: 1px solid #ccc;
+	background: #f8f8f8;
+	font-weight: bold;
+}
 textarea {
 	font: inherit;
 	padding: .05em .3em;
 	margin: 0;
-	border: 2px inset #eee;
-	flex-shrink: 0;
-	resize: vertical;
+	border: 0;
+	flex-grow: 1;
+	resize: none;
 }
 textarea:focus {
 	outline: none;
-	border-color: #ff5f00;
 }
-- 
cgit v1.2.3-54-g00ecf