From 90fa6f0850c60a253d475e136d6d993a1b062283 Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Fri, 4 Aug 2023 01:09:59 -0400
Subject: [PATCH] change title of player options menu, increase size of kebab

---
 client/src/modules/front_end_components/HTMLFragments.js       | 2 +-
 client/src/modules/game_state/states/shared/SharedStateUtil.js | 1 +
 client/src/styles/game.css                                     | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/modules/front_end_components/HTMLFragments.js b/client/src/modules/front_end_components/HTMLFragments.js
index 0dbec17..ea4ed62 100644
--- a/client/src/modules/front_end_components/HTMLFragments.js
+++ b/client/src/modules/front_end_components/HTMLFragments.js
@@ -147,7 +147,7 @@ export const HTMLFragments = {
     PLAYER_OPTIONS_MODAL:
     `<div id='player-options-modal-background' class='modal-background'></div>
     <div tabindex='-1' id='player-options-modal' class='modal'>
-        <h2>Person Options:</h2>
+        <h2 id="player-options-modal-title"></h2>
         <div id='player-options-modal-content'></div>
         <div class='modal-button-container'>
             <button id='close-player-options-modal-button' class='app-button cancel'>Close</button>
diff --git a/client/src/modules/game_state/states/shared/SharedStateUtil.js b/client/src/modules/game_state/states/shared/SharedStateUtil.js
index 3f996f3..854e245 100644
--- a/client/src/modules/game_state/states/shared/SharedStateUtil.js
+++ b/client/src/modules/game_state/states/shared/SharedStateUtil.js
@@ -178,6 +178,7 @@ export const SharedStateUtil = {
         const optionsButton = document.createElement('img');
         const optionsHandler = (e) => {
             if (e.type === 'click' || e.code === 'Enter') {
+                document.querySelector('#player-options-modal-title').innerText = person.name + globals.USER_TYPE_ICONS[person.userType];
                 document.getElementById('player-options-modal-content').innerHTML = '';
                 const kickOption = document.createElement('button');
                 kickOption.setAttribute('class', 'player-option');
diff --git a/client/src/styles/game.css b/client/src/styles/game.css
index e565f43..87b2ba9 100644
--- a/client/src/styles/game.css
+++ b/client/src/styles/game.css
@@ -18,7 +18,7 @@
 }
 
 .lobby-player img, .spectator img {
-    height: 18px;
+    height: 22px;
     margin: 0 8px;
     cursor: pointer;
     padding: 5px;