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 d7b67cf574763e9507ae53ac3de746c4a18c4496..0711d77537d8130695e4f802f4122f99e868bdda 100644 (file)
--- 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 + * {