Optimized responsiveness for 'Hello, {username}' in LoginDisplay.razor

Author: szv

src/CodeBreaker.Blazor.Client/Shared/LoginDisplay.razor

@@ -7,7 +7,7 @@
 
 <AuthorizeView>
     <Authorized>
-        @Loc["Auth_TextBeforeUsername"] @context.User.Identity?.Name
+        <span id="text-before-username">@Loc["Auth_TextBeforeUsername"]</span> @context.User.Identity?.Name
         <FluentSpacer Width="20" />
         <FluentButton Appearance="Appearance.Stealth" OnClick="Logout" IconStart="new Icons.Regular.Size20.SignOut()">
             @Loc["Auth_Signout"]

src/CodeBreaker.Blazor.Client/Shared/LoginDisplay.razor.css

@@ -0,0 +1,5 @@
+@media only screen and (max-width : 400px) {
+    #text-before-username {
+        display: none;
+    }
+}