From 4ee19b6847e5117bb0e828e821db26476c21659a Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sat, 29 Aug 2020 18:20:12 -0700
Subject: [PATCH] Tweak UI for dashboard

---
 .../components/dashboard/ServerRow.tsx        | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/resources/scripts/components/dashboard/ServerRow.tsx b/resources/scripts/components/dashboard/ServerRow.tsx
index a504f1951..819e66639 100644
--- a/resources/scripts/components/dashboard/ServerRow.tsx
+++ b/resources/scripts/components/dashboard/ServerRow.tsx
@@ -59,20 +59,13 @@ export default ({ server, className }: { server: Server; className?: string }) =
                 <FontAwesomeIcon icon={faServer}/>
             </div>
             <div css={tw`flex-1 ml-4`}>
-                <div css={tw`flex items-center`}>
-                    <div
-                        css={[
-                            tw`w-3 h-3 rounded-full mr-2`,
-                            (!stats?.status || stats?.status === 'offline')
-                                ? tw`bg-red-500`
-                                : (stats?.status === 'running' ? tw`bg-green-500` : tw`bg-yellow-500`),
-                        ]}
-                    />
-                    <p css={tw`text-lg`}>{server.name}</p>
-                </div>
+                <p css={tw`text-lg`}>{server.name}</p>
+                {!!server.description &&
+                <p css={tw`text-sm text-neutral-300`}>{server.description}</p>
+                }
             </div>
-            <div css={tw`w-1/4 overflow-hidden`}>
-                <div css={tw`flex ml-4`}>
+            <div css={tw`w-48 overflow-hidden self-start`}>
+                <div css={tw`flex ml-4 justify-end`}>
                     <FontAwesomeIcon icon={faEthernet} css={tw`text-neutral-500`}/>
                     <p css={tw`text-sm text-neutral-400 ml-2`}>
                         {