Add support for floated (radiobutton) form field

See #2509

diff --git a/wcfsetup/install/files/style/element/dl.scss b/wcfsetup/install/files/style/element/dl.scss
index a010220945626cd6e87cc83696e271a1f8211041..335d266fe9372d564d8fc5459b846bd4efdd1d78 100644 (file)
--- a/wcfsetup/install/files/style/element/dl.scss
+++ b/wcfsetup/install/files/style/element/dl.scss
@@ -70,6 +70,32 @@ dl {
                }
        }
        
+       &.floated > dd {
+               display: flex;
+               flex-wrap: wrap;
+               
+               > label {
+                       flex: 0 0 auto;
+                       margin: 0 10px 5px 0;
+                       
+                       &:last-child {
+                               margin-right: 0;
+                       }
+                       
+                       &:not(:first-child) {
+                               margin-top: 0;
+                       }
+                       
+                       + small:not(.innerError) {
+                               margin-left: 0;
+                       }
+               }
+               
+               small {
+                       flex: 1 1 100%;
+               }
+       }
+       
        &.dataList {
                overflow: hidden;