xP: show all completion options

xP/public/xP.css

@@ -91,6 +91,7 @@ button {
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
+	position: relative;
 }
 .filler {
 	flex: auto;
@@ -170,6 +171,22 @@ button {
 	font-family: monospace;
 }
 
+.completions {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: #fff;
+	padding: .05em .3em;
+	border-top: 1px solid #888;
+
+	max-height: 50%;
+	display: flex;
+	flex-flow: column wrap;
+	column-gap: .6em;
+	overflow-x: auto;
+}
+
 textarea {
 	font: inherit;
 	padding: .05em .3em;