From 3f075be11b0ec3bbac8eae2e153d4112a6e78f29 Mon Sep 17 00:00:00 2001
From: RossAscends <124905043+RossAscends@users.noreply.github.com>
Date: Fri, 14 Apr 2023 23:17:43 +0900
Subject: [PATCH] - user settings panel name/avatars on own row

---
 public/index.html | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/public/index.html b/public/index.html
index 0ab92dd7c..6459fd598 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1076,24 +1076,25 @@
             <div id="user-settings-block" class="drawer-content closedDrawer">
                 <h3>User Settings</h3>
                 <div class="flex-container">
-                    <div class="">
-                        <form id='form_change_name' action="javascript:void(null);" method="post" enctype="multipart/form-data">
-                            <h4>Name</h4>
-                            <input id="your_name" name="your_name" class="text_pole widthNatural" maxlength="" value="" autocomplete="off">
-                            <input id="your_name_button" class="menu_button" type="submit" title="Click to set a new User Name (reloads page)" value="Update">
-                        </form>
-                    </div>
-                    <div>
-                        <h4>Your Avatar</h4>
-                        <div id="user_avatar_block">
-                            <div class="avatar_upload">+</div>
+                    <div name="NameAndAvatar" class="flex-container wide100p">
+                        <div name="NameChanger">
+                            <form id='form_change_name' action="javascript:void(null);" method="post" enctype="multipart/form-data">
+                                <h4>Name</h4>
+                                <input id="your_name" name="your_name" class="text_pole widthNatural" maxlength="" value="" autocomplete="off">
+                                <input id="your_name_button" class="menu_button" type="submit" title="Click to set a new User Name (reloads page)" value="Update">
+                            </form>
                         </div>
+                        <div name="AvatarSelector">
+                            <h4>Your Avatar</h4>
+                            <div id="user_avatar_block">
+                                <div class="avatar_upload">+</div>
+                            </div>
 
-                        <form id="form_upload_avatar" action="javascript:void(null);" method="post" enctype="multipart/form-data">
-                            <input type="file" id="avatar_upload_file" accept="image/*" name="avatar">
-                        </form>
+                            <form id="form_upload_avatar" action="javascript:void(null);" method="post" enctype="multipart/form-data">
+                                <input type="file" id="avatar_upload_file" accept="image/*" name="avatar">
+                            </form>
+                        </div>
                     </div>
-
                     <div id="power-user-options-block" class="flex-container">
                         <div id="power-user-option-checkboxes">
                             <h4>Power User Options</h4>