summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorhackademix2019-03-20 23:38:14 +0100
committerhackademix2019-03-20 23:42:10 +0100
commit4f95364bbf951008d04f72dffb8f3a08ef34c8c0 (patch)
tree49a84ccfba2eb7dc14f75e69517ed0be4c703298
parent169d5f085a7083b62dccb2eff0dec04f300cddae (diff)
downloadnoscript-4f95364bbf951008d04f72dffb8f3a08ef34c8c0.tar.gz
noscript-4f95364bbf951008d04f72dffb8f3a08ef34c8c0.tar.xz
noscript-4f95364bbf951008d04f72dffb8f3a08ef34c8c0.zip
Improved prompts layout.
-rw-r--r--src/ui/prompt.css11
-rw-r--r--src/ui/prompt.html4
2 files changed, 12 insertions, 3 deletions
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">