change order of change password and sign out

src/pages/profile_page.html

@@ -25,12 +25,15 @@
         id="current_password"
         placeholder="Current Password"
     />
+    <br />
     <input type="password" id="new_password" placeholder="New Password" />
+    <br />
     <input
         type="password"
         id="new_password_repeat"
         placeholder="New Password(repeat)"
     />
+    <br />
     <button id="final_change_password_button">Change Password</button>
 </div>
 
@@ -76,6 +79,16 @@
                 <div class="data-value">{{.Email}}</div>
             </div>
 
+            <button class="bottom_button" id="change_password_button">
+                <input
+                    id="csrf_token_storage"
+                    type="hidden"
+                    name="csrf_token"
+                    value="{{.CSRFToken}}"
+                />
+                Change Password
+            </button>
+
             <form action="/logout" method="POST" style="display: inline-block">
                 <button class="bottom_button" id="signout_button">
                     <input
@@ -87,16 +100,6 @@
                     Sign Out
                 </button>
             </form>
-
-            <button class="bottom_button" id="change_password_button">
-                <input
-                    id="csrf_token_storage"
-                    type="hidden"
-                    name="csrf_token"
-                    value="{{.CSRFToken}}"
-                />
-                Change Password
-            </button>
         </div>
     </div>
 </div>

static/error/error.css

@@ -21,6 +21,7 @@
     color: black !important;
     font-weight: normal !important;
     border: none;
+    width: fit-content !important;
 }
 
 .close_error_button:hover {

static/profile_page.css

@@ -83,6 +83,8 @@
     border-radius: 50%;
     border: none;
     padding: 6px;
+
+    width: fit-content !important;
 }
 
 #edit_picture_button:hover {
@@ -90,8 +92,8 @@
 }
 
 #edit_picture_image {
-    width: 20px;
-    height: 20px;
+    width: 20px !important;
+    height: 20px !important;
 }
 
 #picture_holder {

static/style.css

@@ -32,6 +32,7 @@ button {
     border-radius: 6px;
     cursor: pointer;
     font-weight: bold;
+    width: 100%;
 }
 
 button:hover {