From c44c23a1c32da8c2faa5ff14895bc6558ceca2a2 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 24 Jan 2019 15:42:52 +0100
Subject: [PATCH] Improve design of description below label of checkbox or
 radio button

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 core/css/inputs.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/core/css/inputs.scss b/core/css/inputs.scss
index 3562372dbc9..37914365a77 100644
--- 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 {