From 49c470d106c3590ffc8ae08406a7f272d4d05dc7 Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Mon, 13 Nov 2017 20:48:05 +0100 Subject: [PATCH] Fix form layouts --- form.css | 43 +++++++++++++++++++++++++++++++++++++++++++ form.scss | 15 +++++++++++++++ styles.css | 9 +++++++++ 3 files changed, 67 insertions(+) create mode 100644 form.css diff --git a/form.css b/form.css new file mode 100644 index 0000000..503583e --- /dev/null +++ b/form.css @@ -0,0 +1,43 @@ +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ +form li { + margin: 5px 0 5px 0; } +form td { + white-space: nowrap; + padding-bottom: 5px; } + form td textarea + i { + vertical-align: top; } +form label { + font-size: 0.9em; + color: #878787; + text-shadow: -1px -1px 1px #ffffff; } +form i + i { + margin-left: 3px; } +form .inputPrefix { + border-left: 1px solid #b7b7b7; + border-top: 1px solid #b7b7b7; + border-bottom: 1px solid #b7b7b7; + line-height: 2em; + height: 100%; + background: #bebebe; } +form .layout td + td { + padding-left: 5px; } +form .list { + font-size: 0.9em; } + form .list td { + white-space: nowrap; + padding: 3px 5px 3px 5px; } +form .ipt-wrap { + display: table; + box-sizing: border-box; } + form .ipt-wrap .ipt-first { + width: 100%; + display: table-cell; } + form .ipt-wrap .ipt-second { + padding-left: 5px; + display: table-cell; } + +/*# sourceMappingURL=form.css.map */ diff --git a/form.scss b/form.scss index 7c4ab62..c968066 100644 --- a/form.scss +++ b/form.scss @@ -45,4 +45,19 @@ form { padding: 3px 5px 3px 5px; } } + + .ipt-wrap { + display: table; + box-sizing: border-box; + + .ipt-first { + width: 100%; + display: table-cell; + } + + .ipt-second { + padding-left: 5px; + display: table-cell; + } + } } diff --git a/styles.css b/styles.css index fd983ce..ee08df3 100644 --- a/styles.css +++ b/styles.css @@ -3494,6 +3494,15 @@ form .list { form .list td { white-space: nowrap; padding: 3px 5px 3px 5px; } +form .ipt-wrap { + display: table; + box-sizing: border-box; } + form .ipt-wrap .ipt-first { + width: 100%; + display: table-cell; } + form .ipt-wrap .ipt-second { + padding-left: 5px; + display: table-cell; } .infoIcon { width: .9rem;