From 98f1695c98976b66c16eb2dc8fad9c81f5cddb70 Mon Sep 17 00:00:00 2001
From: RaidMax <raidmax@live.com>
Date: Wed, 20 Apr 2022 14:16:34 -0500
Subject: [PATCH] better align player names/chat

---
 WebfrontCore/Views/Server/_ClientActivity.cshtml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/WebfrontCore/Views/Server/_ClientActivity.cshtml b/WebfrontCore/Views/Server/_ClientActivity.cshtml
index 6d12aa74..9fa34955 100644
--- a/WebfrontCore/Views/Server/_ClientActivity.cshtml
+++ b/WebfrontCore/Views/Server/_ClientActivity.cshtml
@@ -25,13 +25,13 @@
 <div class="pt-15 pl-15 pr-15 d-flex flex-wrap flex-column flex-md-row justify-content-between w-full w-auto-lg">
     @if (groupedClients.Count > 0)
     {
-        <div class="flex-fill flex-lg-grow-0 w-half-md mr-md-10 mb-md-10">
+        <div class="flex-fill flex-lg-grow-0 w-full w-md-half pr-md-10 pb-md-10">
             @foreach (var chat in Model.ChatHistory)
             {
                 var message = chat.IsHidden && !ViewBag.Authorized ? chat.HiddenMessage : chat.Message;
                 var stateIcon = GetIconForState(chat.Message);
 
-                <div>
+                <div class="text-truncate">
                     <i class="oi @stateIcon"></i>
 
                     <span>
@@ -53,21 +53,21 @@
         </div>
     }
 
-    <div class="d-flex flex-row flex-fill flex-lg-grow-0 w-half-md">
+    <div class="d-flex flex-row w-full w-md-half w-xl-auto pl-md-10 pb-md-10">
         
         @foreach (var clientIndex in groupedClients)
         {
-            <div class="@(clientIndex.index == 1 ? "pl-md-10 text-right" : "pr-md-10") flex-fill">
+            <div class="@(clientIndex.index == 1 ? "pl-md-10" : "pr-md-10") w-half w-xl-full">
                 @foreach (var client in clientIndex.group)
                 {
                     var levelColorClass = !ViewBag.Authorized || client.client.LevelInt == 0 ? "text-light-dm text-dark-lm" : $"level-color-{client.client.LevelInt}";
-                    <div class="d-flex @(clientIndex.index == 1 ? "flex-row-reverse" : "") w-xl-150">
+                    <div class="d-flex @(clientIndex.index == 1 ? "justify-content-end ml-auto" : "ml-auto") w-full w-xl-200">
                         <has-permission entity="AdminMenu" required-permission="Update">
                             <a href="#actionModal" class="profile-action" data-action="kick" data-action-id="@client.client.ClientId" aria-hidden="true">
                                 <i class="oi oi-circle-x font-size-12 @levelColorClass"></i>
                             </a>
                         </has-permission>
-                        <a asp-controller="Client" asp-action="Profile" asp-route-id="@client.client.ClientId" class="@(clientIndex.index == 1 ? "mr-5" : "ml-5") @levelColorClass no-decoration">
+                        <a asp-controller="Client" asp-action="Profile" asp-route-id="@client.client.ClientId" class="@levelColorClass no-decoration text-truncate">
                             <color-code value="@client.client.Name"></color-code>
                         </a>
                     </div>