From 767f41842311a42d7366d44f2896b0d62a9369c0 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 9 Apr 2012 18:41:09 +0200
Subject: [PATCH] Improved design for checkbox lists

---
 wcfsetup/install/files/style/acl.less   |  2 +-
 wcfsetup/install/files/style/forms.less | 40 +++++++++++++++++++++++++
 2 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/wcfsetup/install/files/style/acl.less b/wcfsetup/install/files/style/acl.less
index 31421618bd..fcc2b97347 100644
--- a/wcfsetup/install/files/style/acl.less
+++ b/wcfsetup/install/files/style/acl.less
@@ -16,7 +16,7 @@
 			border-top-right-radius: @wcfContainerBorderRadius;
 		}
 		
-		&:last-child {
+		&:last-child:not(:first-child) {
 			border-bottom-left-radius: @wcfContainerBorderRadius;
 			border-bottom-right-radius: @wcfContainerBorderRadius;
 		}
diff --git a/wcfsetup/install/files/style/forms.less b/wcfsetup/install/files/style/forms.less
index e1f2dfd886..4a3ff4df3b 100644
--- a/wcfsetup/install/files/style/forms.less
+++ b/wcfsetup/install/files/style/forms.less
@@ -171,4 +171,44 @@ input[type='radio'] ~ small {
 .cke_skin_kama {
 	border-width: 0 !important;
 	padding: 0 !important;
+}
+
+/* element list with checkboxes */
+.structuredList {
+	background-color: @wcfContainerBackgroundColor;
+	
+	li {
+		padding: @wcfGapTiny @wcfGapSmall;
+		text-align: right;
+
+		&:hover {
+			background-color: @wcfHoverBackgroundColor;
+		}
+		
+		&:first-child {
+			border-radius: @wcfContainerBorderRadius @wcfContainerBorderRadius 0 0;
+		}
+		
+		&:last-child {
+			border-radius: 0 0 @wcfContainerBorderRadius @wcfContainerBorderRadius;
+		}
+		
+		&.category {
+			background-color: @wcfNavigationBackgroundColor;
+			
+			&:hover {
+				background-color: @wcfHoverBackgroundColor;
+			}
+		}
+		
+		span {
+			float: left;
+		}
+		
+		label {
+			cursor: pointer;
+			margin: 0 @wcfGapSmall;
+			padding: 0 @wcfGapLarge;
+		}
+	}
 }
\ No newline at end of file
-- 
2.20.1