From 5e0771d482f05f9a79da508816940eb8a1f59869 Mon Sep 17 00:00:00 2001
From: Gregory Wells <gawells@astraltech.xyz>
Date: Mon, 6 Apr 2026 16:02:34 -0400
Subject: [PATCH] add a couple stylistic changes to the password dialouge

---
 src/pages/profile_page.html                 | 14 ++++++++++++--
 static/javascript/handle_password_change.js |  2 +-
 static/profile_page.css                     |  6 +++++-
 static/style.css                            |  5 +++++
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/pages/profile_page.html b/src/pages/profile_page.html
index 60ba945..0552319 100644
--- a/src/pages/profile_page.html
+++ b/src/pages/profile_page.html
@@ -14,10 +14,20 @@
 <div id="popup_background" class="blocked"></div>
 
 <div id="change_password_dialogue" class="card static_center">
-    Change Password
-
+    <div class="dialouge_title">Change Password</div>
+    <!--<div class="dialouge_title" id=change_password_text">Change Password</div>-->
     <button id="close_password_dialogue">X</button>
 
+    <hr
+        style="
+            border: 0;
+            border-top: 1px solid var(--border-subtle);
+            margin: 20px 0;
+            margin-bottom: 0px;
+            margin-top: 0px;
+        "
+    />
+
     <div id="password_error" class="error hidden">
         <div id="password_text"></div>
         <button id="password_error_close_button" class="close_error_button">
diff --git a/static/javascript/handle_password_change.js b/static/javascript/handle_password_change.js
index ca2e79d..f3e7e51 100644
--- a/static/javascript/handle_password_change.js
+++ b/static/javascript/handle_password_change.js
@@ -44,7 +44,7 @@ changePasswordButton.addEventListener("click", () => {
     document.getElementById("new_password").value !==
     document.getElementById("new_password_repeat").value
   ) {
-    displayError("New password and new password repeat do not match");
+    displayError("New passwords do not match");
     return;
   }
 
diff --git a/static/profile_page.css b/static/profile_page.css
index b19e0cf..698363f 100644
--- a/static/profile_page.css
+++ b/static/profile_page.css
@@ -128,7 +128,11 @@
 }
 
 #close_password_dialogue {
-    width: fit-content;
+    display: inline-block;
+    aspect-ratio: 1 / 1;
     position: absolute;
     right: 2.5rem;
+    padding: 0px;
+    margin: 0px;
+    width: 30px;
 }
diff --git a/static/style.css b/static/style.css
index ac3dd8a..d233bc7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -77,3 +77,8 @@ input::placeholder {
     background-color: black;
     opacity: 10%;
 }
+
+.dialouge_title {
+    font-size: 20px;
+    margin-bottom: 0px;
+}