Minor improvements to the mobile message view

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 2412c856c89c51352f4343d3f4208766354b988b..abda7eff56c3d2b4638c0e31874d8fb973f2229f 100644 (file)
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -146,6 +146,8 @@
                
                .messageAuthor {
                        flex: 0 0 auto;
+                       /* equals the height of the avatar */
+                       min-height: 48px;
                        position: relative;
                        
                        .userAvatar {
@@ -166,6 +168,14 @@
                        .userRank {
                                margin-left: 58px;
                        }
+                       
+                       /* force username to be vertically centered for quick reply */
+                       .messageAuthorContainer:last-child {
+                               align-items: center;
+                               display: flex;
+                               height: 100%;
+                               position: absolute;
+                       }
                }
                
                .userCredits {