fix: avatar takes up too much space on mobile

On mobile views the 128px square avatar is too large and doesn't convey
much information. We still want it to be present since it's a
representation of the player and fosters further connection. As a result
we've shrunken the size to 96px on desktop.. down to 32px on lower
resolutions

diff --git a/public/assets/css/game.css b/public/assets/css/game.css
index 13b092946e1adc78c59941162a6572619a7fe634..8f546dcd22d03ab2c87831a808f6c19536c21f0d 100644 (file)
--- a/public/assets/css/game.css
+++ b/public/assets/css/game.css
@@ -132,7 +132,8 @@ dialog .close-modal {
 }
 
 .avatar-container {
-  max-width: 128px;
+  max-width: 96px;
+  min-width: 32px;
 }
 #avatar {
   width: 100%;