From 2e2de465b1e745294fc68ca98df56fb3d455b76e Mon Sep 17 00:00:00 2001
From: vaalacat <me@vaala.cat>
Date: Sun, 12 May 2024 09:22:44 +0000
Subject: [PATCH] fix: client and server width

---
 www/components/client_item.tsx | 2 +-
 www/components/layout.tsx      | 2 +-
 www/components/server_item.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/components/client_item.tsx b/www/components/client_item.tsx
index fa3808f..6d5b345 100644
--- a/www/components/client_item.tsx
+++ b/www/components/client_item.tsx
@@ -148,7 +148,7 @@ export const ClientInfo = ({ client }: { client: ClientTableSchema }) => {
       client.stopped ? 'text-yellow-500' : 'text-green-500') : 'text-red-500'
 
   return (
-    <div className={`p-2 border rounded font-mono w-fit ${infoColor}`}>
+    <div className={`p-2 border rounded font-mono w-fit ${infoColor} text-nowrap`}>
       {`${clientsInfo.data?.clients[client.id].ping}ms, ${trans(clientsInfo.data?.clients[client.id])}`}
     </div>
   )
diff --git a/www/components/layout.tsx b/www/components/layout.tsx
index cfe75e3..5ff8f5d 100644
--- a/www/components/layout.tsx
+++ b/www/components/layout.tsx
@@ -23,7 +23,7 @@ export const RootLayout = ({
       </div>
       <div className="flex">
         {sidebar}
-        <div className="my-2 ml-0 mr-2 max-w-full w-full">{children}</div>
+        <div className="my-2 ml-0 mr-2 max-w-[calc(100vw-100px)] w-full">{children}</div>
       </div>
       <Toaster />
     </main>
diff --git a/www/components/server_item.tsx b/www/components/server_item.tsx
index b034edd..0d3d8ec 100644
--- a/www/components/server_item.tsx
+++ b/www/components/server_item.tsx
@@ -152,7 +152,7 @@ export const ServerInfo = ({ server }: { server: ServerTableSchema }) => {
     clientsInfo.data?.clients[server.id]?.status === ClientStatus_Status.ONLINE ? 'text-green-500' : 'text-red-500'
 
   return (
-    <div className={`p-2 border rounded font-mono w-fit ${infoColor}`}>
+    <div className={`p-2 border rounded font-mono w-fit ${infoColor} text-nowrap`}>
       {`${clientsInfo.data?.clients[server.id].ping}ms, ${trans(clientsInfo.data?.clients[server.id])}`}
     </div>
   )