diff options
author | hackademix | 2019-03-20 23:38:14 +0100 |
---|---|---|
committer | hackademix | 2019-03-20 23:42:10 +0100 |
commit | 4f95364bbf951008d04f72dffb8f3a08ef34c8c0 (patch) | |
tree | 49a84ccfba2eb7dc14f75e69517ed0be4c703298 | |
parent | 169d5f085a7083b62dccb2eff0dec04f300cddae (diff) | |
download | noscript-4f95364bbf951008d04f72dffb8f3a08ef34c8c0.tar.gz noscript-4f95364bbf951008d04f72dffb8f3a08ef34c8c0.tar.xz noscript-4f95364bbf951008d04f72dffb8f3a08ef34c8c0.zip |
Improved prompts layout.
-rw-r--r-- | src/ui/prompt.css | 11 | ||||
-rw-r--r-- | src/ui/prompt.html | 4 |
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"> |