From effcd907cd55aef870e29c4eae0dc4ade13c0aee Mon Sep 17 00:00:00 2001
From: David Beitey <david@davidjb.com>
Date: Thu, 7 Oct 2021 07:43:56 +1000
Subject: [PATCH] Make entire Forgot Password box header clickable (#1917)

This adjusts the markup for the Forgot Password box such that the entire
box header (the text, whitespace and plus/minus icon) is interactive.
Previous behaviour of clicking the icon remains the same.

This also improves the markup/spacing inside the box's content.

Signed-off-by: David Beitey <david@davidjb.com>
---
 scripts/pi-hole/php/loginpage.php | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/scripts/pi-hole/php/loginpage.php b/scripts/pi-hole/php/loginpage.php
index d0416e59..94368c23 100644
--- a/scripts/pi-hole/php/loginpage.php
+++ b/scripts/pi-hole/php/loginpage.php
@@ -54,17 +54,19 @@
         <div class="row">
           <div class="col-xs-12">
             <div class="box box-<?php if (!$wrongpassword) { ?>info collapsed-box<?php } else { ?>danger<?php }?>">
-              <div class="box-header with-border">
+              <div class="box-header with-border pointer no-user-select" data-widget="collapse">
                 <h3 class="box-title">Forgot password?</h3>
                 <div class="box-tools pull-right">
-                  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa <?php if ($wrongpassword) { ?>fa-minus<?php } else { ?>fa-plus<?php } ?>"></i>
+                  <button type="button" class="btn btn-box-tool"><i class="fa <?php if ($wrongpassword) { ?>fa-minus<?php } else { ?>fa-plus<?php } ?>"></i>
                   </button>
                 </div>
               </div>
               <div class="box-body">
-                After installing Pi-hole for the first time, a password is generated and displayed to the user. The
-                password cannot be retrieved later on, but it is possible to set a new password (or explicitly disable
-                the password by setting an empty password) using the command
+                <p>
+                  After installing Pi-hole for the first time, a password is generated and displayed to the user. The
+                  password cannot be retrieved later on, but it is possible to set a new password (or explicitly disable
+                  the password by setting an empty password) using the command
+                </p>
                 <pre>sudo pihole -a -p</pre>
               </div>
             </div>