Merge branch 'main' into prod

aukus-devs · Sep 26, 2024 · 6564e61 · 6564e61
2 parents 4b490ce + eb64b69
commit 6564e61
Showing 1 changed file with 21 additions and 14 deletions.
diff --git a/src/pages/map/components/PlayerIcon.tsx b/src/pages/map/components/PlayerIcon.tsx
@@ -222,22 +222,29 @@ export default function PlayerIcon({
         />
         <Box
           onClick={handleClick}
-          style={{ cursor: 'pointer', display: 'grid' }}
+          style={{ cursor: 'pointer', display: 'block', textAlign: 'center' }}
           ref={playerElement}
         >
-          <img src={playerIcon} width={'40px'} alt="" />
-          <span
-            style={{
-              fontSize: '12px',
-              color: 'white',
-              lineHeight: 1,
-              backgroundColor: playerColor,
-              paddingLeft: '5px',
-              paddingRight: '5px',
-            }}
-          >
-            {player.name}
-          </span>
+          <img
+            src={playerIcon}
+            width={'40px'}
+            alt=""
+            style={{ verticalAlign: 'middle' }}
+          />
+          <p style={{ padding: 0, margin: 0, lineHeight: 1 }}>
+            <span
+              style={{
+                fontSize: '12px',
+                color: 'white',
+                lineHeight: 1,
+                backgroundColor: playerColor,
+                paddingLeft: '5px',
+                paddingRight: '5px',
+              }}
+            >
+              {player.name}
+            </span>
+          </p>
         </Box>
       </Box>
     </animated.div>