From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 18 Jan 2016 17:04:30 +0000 (+0100)
Subject: Improved visuals for .selectDropdown
X-Git-Tag: 3.0.0_Beta_1~2030^2~153
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=a183048b301a312fdf433f4ca1c528e4cce4886f;p=GitHub%2FWoltLab%2FWCF.git

Improved visuals for .selectDropdown
---

diff --git a/wcfsetup/install/files/style/layout/form.scss b/wcfsetup/install/files/style/layout/form.scss
index 7532ca033f..6a0e65574f 100644
--- a/wcfsetup/install/files/style/layout/form.scss
+++ b/wcfsetup/install/files/style/layout/form.scss
@@ -69,6 +69,11 @@ textarea {
 .selectDropdown {
 	position: relative;
 	
+	// force inline-block to mimic the <select> display and make both its dimensions
+	// and flow behavior more predictable; !important is required to prevent styles
+	// applied to generic <label> in certain cases such as within <dd>
+	display: inline-block !important;
+	
 	&::after {
 		content: $fa-var-caret-down;
 		display: block;
@@ -77,7 +82,8 @@ textarea {
 		pointer-events: none;
 		position: absolute;
 		right: 7px;
-		top: 0px;
+		top: 50%;
+		transform: translateY(-50%);
 	}
 	
 	> select {