From 4f95364bbf951008d04f72dffb8f3a08ef34c8c0 Mon Sep 17 00:00:00 2001
From: hackademix
Date: Wed, 20 Mar 2019 23:38:14 +0100
Subject: Improved prompts layout.

---
 src/ui/prompt.css  | 11 ++++++++++-
 src/ui/prompt.html |  4 ++--
 2 files changed, 12 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/ui/prompt.css b/src/ui/prompt.css
index 9406f01..b85762b 100644
--- a/src/ui/prompt.css
+++ b/src/ui/prompt.css
@@ -47,7 +47,6 @@ body {
   max-height: 300px;
   padding: 8px;
   text-align: center;
-  word-break: break-all;
 }
 #message.multiline {
   overflow: auto;
@@ -77,6 +76,16 @@ body {
   text-align: left;
 }
 
+.choices div {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+}
+.choices label {
+  display: block;
+  padding-bottom: .5em;
+}
+
 #buttons {
   width: 100%;
   display: flex;
diff --git a/src/ui/prompt.html b/src/ui/prompt.html
index 902b375..431b920 100644
--- a/src/ui/prompt.html
+++ b/src/ui/prompt.html
@@ -17,10 +17,10 @@
 <div id="main">
 <div id="message">
 </div>
-<div id="options">
+<div id="options" class="choices">
 <input type="radio">
 </div>
-<div id="checks">
+<div id="checks" class="choices">
   <input type="checkbox">
 </div>
 <div id="buttons">
-- 
cgit v1.2.3