From 7967ab1906488300d04c16e0cd80f7d986c2ba8b Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 18 Apr 2016 14:03:23 +0200
Subject: [PATCH] Some style improvements

---
 wcfsetup/install/files/js/WoltLab/WCF/Ui/Tooltip.js |  1 +
 wcfsetup/install/files/style/layout/pageHeader.scss |  2 ++
 wcfsetup/install/files/style/ui/badge.scss          |  2 +-
 wcfsetup/install/files/style/ui/button.scss         | 10 +++++-----
 wcfsetup/install/files/style/ui/pageAction.scss     | 10 ++++------
 wcfsetup/install/files/style/ui/tooltip.scss        | 12 +++---------
 wcfsetup/install/files/style/ui/userProfile.scss    |  2 ++
 7 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Ui/Tooltip.js b/wcfsetup/install/files/js/WoltLab/WCF/Ui/Tooltip.js
index 26fda8b889..7e31b98bed 100644
--- a/wcfsetup/install/files/js/WoltLab/WCF/Ui/Tooltip.js
+++ b/wcfsetup/install/files/js/WoltLab/WCF/Ui/Tooltip.js
@@ -102,6 +102,7 @@ define(['Environment', 'Dom/ChangeListener', 'Ui/Alignment'], function(Environme
 			
 			UiAlignment.set(_tooltip, element, {
 				horizontal: 'center',
+				verticalOffset: 4,
 				pointer: true,
 				pointerClassNames: ['inverse'],
 				vertical: 'top'
diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index e91bd20aac..0eb5a5bdd0 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -93,6 +93,8 @@
 		
 		.boxMenuDepth1 {
 			background-color: $wcfHeaderMenuDropdownBackground;
+			box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+			border-radius: 0 0 3px 3px;
 			padding: 5px 0;
 			position: absolute;
 			visibility: hidden;
diff --git a/wcfsetup/install/files/style/ui/badge.scss b/wcfsetup/install/files/style/ui/badge.scss
index 3b250ccfb1..e07665c8dc 100644
--- a/wcfsetup/install/files/style/ui/badge.scss
+++ b/wcfsetup/install/files/style/ui/badge.scss
@@ -1,7 +1,7 @@
 .badge,
 a.badge {
 	background-color: $wcfContentText;
-	border-radius: 3px;
+	border-radius: 2px;
 	color: $wcfContentBackground;
 	display: inline-block;
 	padding: 2px 6px;
diff --git a/wcfsetup/install/files/style/ui/button.scss b/wcfsetup/install/files/style/ui/button.scss
index 8681691522..d40d056c10 100644
--- a/wcfsetup/install/files/style/ui/button.scss
+++ b/wcfsetup/install/files/style/ui/button.scss
@@ -5,7 +5,7 @@ input[type="submit"],
 .button,
 a.button { // a.button is required to override link formatting, such as drop-down buttons
 	background-color: $wcfButtonBackground;
-	border-radius: 0;
+	border-radius: 2px;
 	border-width: 0;
 	color: $wcfButtonText;
 	cursor: pointer;
@@ -129,13 +129,13 @@ a.button {
 		}
 		
 		&:first-child .button {
-			border-top-left-radius: 3px;
-			border-bottom-left-radius: 3px;
+			border-top-left-radius: 2px;
+			border-bottom-left-radius: 2px;
 		}
 		
 		&:last-child .button {
-			border-top-right-radius: 3px;
-			border-bottom-right-radius: 3px;
+			border-top-right-radius: 2px;
+			border-bottom-right-radius: 2px;
 		}
 		
 		.button {
diff --git a/wcfsetup/install/files/style/ui/pageAction.scss b/wcfsetup/install/files/style/ui/pageAction.scss
index 0d944cfcaa..0cfef42e41 100644
--- a/wcfsetup/install/files/style/ui/pageAction.scss
+++ b/wcfsetup/install/files/style/ui/pageAction.scss
@@ -25,6 +25,7 @@
 	> li {
 		animation: wcfPageActionOut .3s;
 		animation-fill-mode: forwards;
+		display: flex;
 		
 		// required to animate 'max-width' properly when removing items
 		max-width: 400px;
@@ -46,12 +47,13 @@
 		}
 		
 		> a {
-			background-color: rgba(0, 0, 0, .6);
+			background-color: rgba(0, 0, 0, .7);
+			border-radius: 2px;
 			color: rgba(224, 224, 224, 1);
 			padding: 5px 10px;
 			
 			> .icon {
-				color: rgba(224, 224, 224, 1);
+				color: inherit;
 			}
 		}
 		
@@ -59,10 +61,6 @@
 		&.dropdownOpen > a {
 			background-color: rgba(0, 0, 0, 1);
 			color: rgba(255, 255, 255, 1);
-			
-			> .icon {
-				color: rgba(255, 255, 255, 1);
-			}
 		}
 	}
 }
diff --git a/wcfsetup/install/files/style/ui/tooltip.scss b/wcfsetup/install/files/style/ui/tooltip.scss
index 6bdf15e833..3fe5c8e927 100644
--- a/wcfsetup/install/files/style/ui/tooltip.scss
+++ b/wcfsetup/install/files/style/ui/tooltip.scss
@@ -1,5 +1,7 @@
 .balloonTooltip {
 	background-color: $wcfTooltipBackground;
+	border-radius: 2px;
+	box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
 	color: $wcfTooltipText;
 	max-width: 300px;
 	padding: 5px 10px;
@@ -13,17 +15,9 @@
 	@include wcfFontSmall;
 	
 	> .elementPointer {
-		border-color: $wcfTooltipBackground transparent;
-		border-style: solid;
-		border-width: 0 5px 5px;
-		
-		&.flipVertical {
-			border-width: 5px 5px 0;
-		}
+		display: none;
 	}
 	
-	@include boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
-	
 	&.active {
 		visibility: visible;
 		
diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss
index 1182071724..09aa65ac8a 100644
--- a/wcfsetup/install/files/style/ui/userProfile.scss
+++ b/wcfsetup/install/files/style/ui/userProfile.scss
@@ -94,6 +94,8 @@
 				
 				> .userProfileButtonMenu {
 					background-color: $wcfHeaderMenuDropdownBackground;
+					box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
+					border-radius: 0 0 3px 3px;
 					padding: 5px 0;
 					position: absolute;
 					right: 0;
-- 
2.20.1