From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 31 Jan 2017 16:15:29 +0000 (+0100)
Subject: Fixed multiple issues caused by user rank images in message sidebar
X-Git-Tag: 3.0.2~35
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=6a6138982ab04ee559e62e8c290435cb74e49bb6;p=GitHub%2FWoltLab%2FWCF.git

Fixed multiple issues caused by user rank images in message sidebar
---

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index d7b67cf574..0711d77537 100644
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -141,14 +141,9 @@
 			.userAvatar {
 				display: block;
 				margin: 0;
-				position: static;
-				
-				> a {
-					left: 0;
-					position: absolute;
-					top: 50%;
-					transform: translateY(-50%);
-				}
+				position: absolute;
+				top: 50%;
+				transform: translateY(-50%);
 				
 				.userAvatarImage {
 					max-height: 48px;
@@ -157,7 +152,8 @@
 			}
 			
 			.messageAuthorContainer,
-			.userTitle {
+			.userTitle,
+			.userRank {
 				margin-left: 58px;
 			}
 		}
@@ -211,6 +207,7 @@
 		@include screen-sm-down {
 			color: transparent;
 			padding: 0;
+			top: 0;
 			width: 0;
 			
 			&::before {
@@ -225,6 +222,10 @@
 			}
 		}
 	}
+	
+	.userTitle + .userRank {
+		margin-top: 3px;
+	}
 }
 
 .messageAuthor + * {