From d210d0b7e7bcbe27e7774630be880d875cf97db0 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Sat, 19 Jul 2025 23:37:38 +0200
Subject: [PATCH] feat: :adhesive_bandage: make small layout tweaks

---
 src/components/profile.webc | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/profile.webc b/src/components/profile.webc
index 5c2e928..8d1bb0c 100644
--- a/src/components/profile.webc
+++ b/src/components/profile.webc
@@ -72,9 +72,13 @@
 
   :host .avatar {
     grid-area: avatar;
-    justify-self: center;
+    display: grid;
+    grid-template-columns: subgrid;
+    justify-items: center;
+    align-items: center;
 
-    & img {
+    & :where(picture, img) {
+      display: block;
       width: var(--sidebar-avatar-size);
       height: var(--sidebar-avatar-size);
       aspect-ratio: 1/1;
@@ -99,7 +103,6 @@
   :host .species {
     grid-area: species;
     align-self: start;
-    font-size: 0.75em;
     margin: 0;
   }