2 files changed, 9 insertions, 0 deletions
diff --git a/webAO/packets/handlers/handlePR.ts b/webAO/packets/handlers/handlePR.ts
index 0073140..fd53b1f 100644
--- a/webAO/packets/handlers/handlePR.ts
+++ b/webAO/packets/handlers/handlePR.ts
@@ -5,8 +5,10 @@ function addPlayer(playerID: number) {
     const list = <HTMLTableElement>document.getElementById("client_playerlist");
     const playerRow = list.insertRow();
     playerRow.id = `client_playerlist_entry${playerID}`;
+    playerRow.className = `area0`;
 
     const imgCell = playerRow.insertCell(0);
+    imgCell.style.width = "64px";
     const img = document.createElement('img');
     imgCell.appendChild(img);
 
@@ -20,12 +22,14 @@ function addPlayer(playerID: number) {
     oocNameCell.appendChild(name);
 
     const kickCell = playerRow.insertCell(4);
+    kickCell.style.width = "64px";
     const kick = <HTMLButtonElement>document.createElement("button");
     kick.innerText = "Kick";
     kick.onclick = () => { window.kickPlayer(playerID) }
     kickCell.appendChild(kick);
 
     const banCell = playerRow.insertCell(5);
+    banCell.style.width = "64px";
     const ban = <HTMLButtonElement>document.createElement("button");
     ban.innerText = "Ban";
     ban.onclick = () => { window.banPlayer(playerID) }
diff --git a/webAO/packets/handlers/handlePU.ts b/webAO/packets/handlers/handlePU.ts
index 6db644b..e2fd4d7 100644
--- a/webAO/packets/handlers/handlePU.ts
+++ b/webAO/packets/handlers/handlePU.ts
@@ -1,4 +1,6 @@
+import { client } from "../../client";
 import { getCharIcon } from "../../client/handleCharacterInfo";
+import { updatePlayerAreas } from '../../dom/updatePlayerAreas'
 
 /**
   * Handles a playerlist update
@@ -23,6 +25,9 @@ export const handlePU = (args: string[]) => {
             const showName = <HTMLElement>playerRow.childNodes[2];
             showName.innerText = data;
             break;
+        case 3:
+            playerRow.className = `area${data}`;
+            updatePlayerAreas(client.area);
         default:
             break;
     }