redid final styling touches

src/pages/login_page.html

@@ -22,12 +22,12 @@
     </div>
 
     <div>
-        <label class="login_text">Username</label><br />
+        <label class="input_label">Username</label><br />
         <input type="text" name="username" placeholder="" required />
     </div>
 
     <div>
-        <label class="login_text">Password</label><br />
+        <label class="input_label">Password</label><br />
         <input type="password" name="password" placeholder="" required />
     </div>
     <button type="submit">Login</button>

src/pages/profile_page.html

@@ -13,6 +13,8 @@
 <div id="popup_background" class="blocked hidden"></div>
 
 <div id="change_password_dialouge" class="hidden card static_center">
+    Change Password
+
     <div id="password_error" class="error hidden">
         <div id="password_text"></div>
         <button id="password_error_close_button" class="close_error_button">
@@ -20,20 +22,39 @@
         </button>
     </div>
 
+    <div>
+        <label class="input_label">Current password</label><br />
         <input
             type="password"
             id="current_password"
-        placeholder="Current Password"
+            name="current_password"
+            placeholder=""
+            required
         />
-    <br />
-    <input type="password" id="new_password" placeholder="New Password" />
-    <br />
+    </div>
+
+    <div>
+        <label class="input_label">New password</label><br />
+        <input
+            type="password"
+            id="new_password"
+            name="new_password"
+            placeholder=""
+            required
+        />
+    </div>
+
+    <div>
+        <label class="input_label">New password (repeat)</label><br />
         <input
             type="password"
             id="new_password_repeat"
-        placeholder="New Password(repeat)"
+            name="new_password_repeat"
+            placeholder=""
+            required
         />
-    <br />
+    </div>
+
     <button id="final_change_password_button">Change Password</button>
 </div>
 

static/login_page.css

@@ -35,13 +35,6 @@
     flex: 2;
 }
 
-.login_text {
-    color: var(--text-muted);
-    margin: 0;
-    padding: 0;
-    font-size: 15px;
-}
-
 #welcome_text {
     font-weight: 700;
     font-size: 1.25rem;

static/style.css

@@ -51,6 +51,13 @@ input::placeholder {
     color: var(--text-muted);
 }
 
+.input_label {
+    color: var(--text-muted);
+    margin: 0;
+    padding: 0;
+    font-size: 15px;
+}
+
 .hidden {
     display: none !important;
 }