From 2d633bebc6c987a3e4dd69e753a39fa1d83ee02e Mon Sep 17 00:00:00 2001
From: chelsea <chelsea@chelseawoodruff.net>
Date: Sat, 11 Oct 2025 17:57:16 -0500
Subject: [PATCH] Fix avatar upload form - use proper multipart form
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 templates/settings_profile.html | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/templates/settings_profile.html b/templates/settings_profile.html
index 27be1e7..e5dd6dd 100644
--- a/templates/settings_profile.html
+++ b/templates/settings_profile.html
@@ -256,20 +256,18 @@
                     <div class="avatar-info">
                         <h3>Current Avatar</h3>
                         <p>Upload a new profile picture to personalize your account</p>
-                        <div class="file-upload">
-                            <input type="file" id="avatar" name="avatar" accept="image/*" onchange="document.getElementById('upload-form').submit()">
-                            <label for="avatar" class="file-upload-label">Choose New Picture</label>
-                        </div>
-                        <p class="help-text">PNG, JPG, or GIF. Maximum size 2MB.</p>
+                        <form id="upload-form" method="POST" action="{{ url_for('upload_avatar') }}" enctype="multipart/form-data">
+                            <div class="file-upload">
+                                <input type="file" id="avatar" name="avatar" accept="image/*" onchange="this.form.submit()">
+                                <label for="avatar" class="file-upload-label">Choose New Picture</label>
+                            </div>
+                            <p class="help-text">PNG, JPG, or GIF. Maximum size 2MB.</p>
+                        </form>
                     </div>
                 </div>
             </div>
         </form>
 
-        <form id="upload-form" method="POST" action="{{ url_for('upload_avatar') }}" enctype="multipart/form-data" style="display: none;">
-            <input type="hidden" name="avatar" id="avatar-hidden">
-        </form>
-
         <form method="POST">
             <div class="profile-section">
                 <h2>Account Information</h2>