From 70e2cd6e643993e1a3927fd7eb6f9c6ee108a0a9 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 17 Nov 2015 00:52:06 +0100
Subject: [PATCH] Fixed message buttons and improved tooltip UX

---
 wcfsetup/install/files/style/ui/message.scss | 12 ++++++++++++
 wcfsetup/install/files/style/ui/tooltip.scss |  4 +---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index e4251ff7c8..8cbd350e19 100644
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -167,6 +167,18 @@
 	&.forceVisible {
 		opacity: 1 !important;
 	}
+	
+	> li {
+		display: flex;
+		
+		> a {
+			align-items: center;
+		}
+	}
+	
+	.icon + span:not(.invisible)  {
+		margin-left: 5px;
+	}
 }
 
 .message:hover {
diff --git a/wcfsetup/install/files/style/ui/tooltip.scss b/wcfsetup/install/files/style/ui/tooltip.scss
index 0193545f6f..55d638bb96 100644
--- a/wcfsetup/install/files/style/ui/tooltip.scss
+++ b/wcfsetup/install/files/style/ui/tooltip.scss
@@ -2,12 +2,11 @@
 	background-color: $wcfTooltipBackground;
 	color: $wcfTooltipText;
 	max-width: 300px;
-	opacity: 0;
 	padding: 5px 10px;
 	pointer-events: none;
 	position: absolute;
 	top: 0;
-	transition: visibility 0s linear .2s, opacity .2s linear .2s;
+	transition: visibility 0s linear .2s;
 	visibility: hidden;
 	z-index: 800;
 	
@@ -26,7 +25,6 @@
 	@include boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
 	
 	&.active {
-		opacity: 1;
 		visibility: visible;
 		
 		transition-delay: 0s;
-- 
2.20.1