add show password buttons to all password inputs

src/pages/login_page.html

@@ -28,9 +28,16 @@
 
     <div>
         <label class="input_label">Password</label><br />
+        <div class="password_box">
             <input type="password" name="password" placeholder="" required />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
     </div>
     <button type="submit">Login</button>
 </form>
 
 <script src="/static/error/error.js" type="text/javascript"></script>
+<script
+    src="/static/javascript/show_password.js"
+    type="text/javascript"
+></script>

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"></div>
+<div id="popup_background" class="blocked hidden"></div>
 
-<div id="change_password_dialogue" class="card static_center">
+<div id="change_password_dialogue" class="card static_center hidden">
     <div class="dialouge_title">Change Password</div>
     <button id="close_password_dialogue">X</button>
 
@@ -36,6 +36,7 @@
 
     <div>
         <label class="input_label">Current password</label><br />
+        <div class="password_box">
             <input
                 type="password"
                 id="current_password"
@@ -43,10 +44,13 @@
                 placeholder=""
                 required
             />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
     </div>
 
     <div>
         <label class="input_label">New password</label><br />
+        <div class="password_box">
             <input
                 type="password"
                 id="new_password"
@@ -54,10 +58,13 @@
                 placeholder=""
                 required
             />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
     </div>
 
     <div>
         <label class="input_label">New password (repeat)</label><br />
+        <div class="password_box">
             <input
                 type="password"
                 id="new_password_repeat"
@@ -65,6 +72,8 @@
                 placeholder=""
                 required
             />
+            <button type="button" class="show_password_toggle closed"></button>
+        </div>
     </div>
 
     <div>
@@ -216,3 +225,8 @@
     src="/static/javascript/handle_password_change.js"
     type="text/javascript"
 ></script>
+
+<script
+    src="/static/javascript/show_password.js"
+    type="text/javascript"
+></script>