From: xangelo <me@xangelo.ca>
Date: Thu, 10 Aug 2023 19:01:24 +0000 (-0400)
Subject: fix: avatar takes up too much space on mobile
X-Git-Tag: v0.2.9~3
X-Git-Url: https://git.xangelo.ca/?a=commitdiff_plain;h=dced2d0f12d358812d569641c17c41ddd859b8a3;p=risinglegends.git

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 13b0929..8f546dc 100644
--- 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%;