From a1f58e817e23db28d84bd39b202b5b42690179e6 Mon Sep 17 00:00:00 2001
From: Gregory Wells <gawells@astraltech.xyz>
Date: Mon, 6 Apr 2026 18:49:01 -0400
Subject: [PATCH] build sample error box

---
 src/pages/profile_page.html |  9 +++++++--
 static/profile_page.css     | 10 ++++++++++
 static/style.css            |  1 +
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/pages/profile_page.html b/src/pages/profile_page.html
index cda2118..07e012c 100644
--- a/src/pages/profile_page.html
+++ b/src/pages/profile_page.html
@@ -11,9 +11,9 @@
 <link rel="stylesheet" href="static/profile_page.css" />
 <link rel="stylesheet" href="static/progress_bar.css" />
 
-<div id="popup_background" class="blocked hidden"></div>
+<div id="popup_background" class="blocked"></div>
 
-<div id="change_password_dialogue" class="card hidden static_center">
+<div id="change_password_dialogue" class="card static_center">
     <div class="dialouge_title">Change Password</div>
     <button id="close_password_dialogue">X</button>
 
@@ -79,6 +79,11 @@
         </div>
     </div>
 
+    <div id="password_errors">
+        <div class="password_error">Error 1</div>
+        <div class="password_error">Error 2</div>
+    </div>
+
     <button id="final_change_password_button">Change Password</button>
 </div>
 
diff --git a/static/profile_page.css b/static/profile_page.css
index 698363f..2179337 100644
--- a/static/profile_page.css
+++ b/static/profile_page.css
@@ -136,3 +136,13 @@
     margin: 0px;
     width: 30px;
 }
+
+#password_errors {
+    background-color: var(--error-red);
+    border-radius: 8px;
+    padding: 20px;
+    border-color: var(--error-border-red);
+    border-width: 2px;
+    border-style: solid;
+    color: var(--text-main);
+}
diff --git a/static/style.css b/static/style.css
index d7ee7a5..3ee0494 100644
--- a/static/style.css
+++ b/static/style.css
@@ -90,4 +90,5 @@ input::placeholder {
 .dialouge_title {
     font-size: 20px;
     margin-bottom: 0px;
+    color: var(--text-main) !important;
 }