diff --git a/client/src/App.css b/client/src/App.css index ed30b3d..a260bb8 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -36,12 +36,15 @@ color: var(--primary-light); } -/* Custom logo image sizing */ +/* Square logo: fixed equal width/height to match a 1:1 image */ .brand-logo { + width: 2.5rem; height: 2.5rem; - width: auto; object-fit: contain; + object-position: center; display: block; + border-radius: 4px; + flex-shrink: 0; } .brand-icon { @@ -108,7 +111,9 @@ font-size: 1.25rem; } + /* Scale square logo down on mobile */ .brand-logo { + width: 2rem; height: 2rem; }