From 1b696623cccaed56ef9e83105f8c5b8596d39785 Mon Sep 17 00:00:00 2001
From: Chris Fulljames <christianfulljames@gmail.com>
Date: Sun, 23 Feb 2025 12:10:51 -0500
Subject: [PATCH] Set default size for profile images to prevent layout shift

---
 templates/index.html     | 2 +-
 templates/song-list.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 987f922..5b4df3a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -24,7 +24,7 @@ better, I'm open to any thoughts or feedback you have!  Just send me
     <div class="user-list-entry-container">
         <a href="/users/{{ user['username'] }}" class="user-list-entry" style="--yellow:{{ user['bgcolor'] }};--black:{{ user['fgcolor'] }};--purple:{{ user['accolor'] }};">
             {% if user['has_pfp'] -%}
-            <img class="small-pfp" src="/pfp/{{ user['userid'] }}" />
+            <img class="small-pfp" src="/pfp/{{ user['userid'] }}" width="32" height="32" />
             {%- endif %}
             <span>{{ user['username'] }}</span>
         </a>
diff --git a/templates/song-list.html b/templates/song-list.html
index 0b5ac2e..775125c 100644
--- a/templates/song-list.html
+++ b/templates/song-list.html
@@ -7,7 +7,7 @@
             <div class="song-list-pfp-container">
                 {%- if song.user_has_pfp %}
                 <!-- Profile Picture -->
-                <img class="small-pfp" src="/pfp/{{ song.userid }}" onerror="this.style.display = 'none'" />
+                <img class="small-pfp" src="/pfp/{{ song.userid }}" onerror="this.style.display = 'none'" width="32" height="32" />
                 {%- endif %}
             </div>
 
-- 
2.39.5