Improve design of description below label of checkbox or radio button

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
7 years ago · c44c23a1c3
parent b068809d9f
commit c44c23a1c3
1 changed files with 9 additions and 0 deletions
--- a/core/css/inputs.scss
+++ b/core/css/inputs.scss
@ -354,6 +354,15 @@ input {
 			&:checked:disabled + label:before {
 				background-color: $color-checkbox-radio-disabled;
 			}
+
+			// Detail description below label of checkbox or radio button
+			& + label ~ em {
+				display: inline-block;
+				margin-left: 18px;
+			}
+			& + label ~ em:last-of-type {
+				margin-bottom: 12px;
+			}
 		}
 		&.checkbox {
 			+ label:before {