The frontend lays out nicely

ammario · ammario · commit 00cca25a6a27 · 2023-03-23T01:36:39.000Z
thanks kyle
diff --git a/site/src/components/Resources/AgentMetadata.tsx b/site/src/components/Resources/AgentMetadata.tsx
@@ -27,7 +27,7 @@ const MetadataItem: FC<{ item: WorkspaceAgentMetadata }> = ({ item }) => {
 
   // Stale data is as good as no data. Plus, we want to build confidence in our
   // users that what's shown is real. If times aren't correctly synced this
-  // could lead to issues.
+  // could be buggy. But, how common is that anyways?
   const value =
     secondsSinceLastCollected < staleThreshold ? (
       <div className={styles.metadataValue}>{item.result.value}</div>
diff --git a/site/src/components/Resources/AgentRow.tsx b/site/src/components/Resources/AgentRow.tsx
@@ -52,8 +52,21 @@ export const AgentRow: FC<AgentRowProps> = ({
         <AgentStatus agent={agent} />
       </div>
 
-      <Stack alignItems="flex-start" direction="column">
-        <Stack direction="row" alignItems="end">
+      <Stack
+        alignItems="flex-start"
+        direction="column"
+        style={{
+          flex: 1,
+        }}
+      >
+        <Stack
+          direction="row"
+          alignItems="end"
+          style={{
+            width: "100%",
+            justifyContent: "space-between",
+          }}
+        >
           <Stack direction="row" alignItems="baseline">
             <div>
               <div className={styles.agentName}>{agent.name}</div>
