Improve mobile version of the new user profile header

diff --git a/wcfsetup/install/files/style/ui/userProfileHeader.scss b/wcfsetup/install/files/style/ui/userProfileHeader.scss
index 4d4be6dcd9646ca02e2450bcad3fad948d6d99d9..2b8deea593c98db266813486f93f7ba38cf8b6d2 100644 (file)
--- a/wcfsetup/install/files/style/ui/userProfileHeader.scss
+++ b/wcfsetup/install/files/style/ui/userProfileHeader.scss
@@ -26,6 +26,8 @@ body[data-page-identifier="com.woltlab.wcf.User"] .userProfileContent:first-chil
        right: 10px;
        display: flex;
        gap: 5px;
+       flex-wrap: wrap;
+       justify-content: end;
 }
 
 .userProfileHeader__coverPhoto {
@@ -100,7 +102,9 @@ body[data-page-identifier="com.woltlab.wcf.User"] .userProfileContent:first-chil
 
        @include screen-sm-down {
                flex: 1 1 100%;
+               flex-wrap: nowrap;
                order: 1;
+               overflow: auto;
        }
 }