Fix position of close button

- Change behavior of password fields

web/css/controls.css

@@ -146,6 +146,11 @@
     height: 24px;
 }
 
+.inpt img:hover {
+    cursor: pointer;
+}
+
+
 .inpt input:focus ~ label {
     top: -25px;
     font-size: var(--normal-text-size);

web/templates/details.html

@@ -9,7 +9,7 @@
             <img id="readIcon{{.MailId}}" class="iconBtn" style="width: 20px; margin-right: 10px;" onclick="toggleRead('{{.MailId}}', 'readIcon');" src="/assets/read.svg"/>
             <img id="restoreIcon" class="iconBtn" style="display:{{if .Trash}}block{{else}}none{{end}}; width: 20px; margin-right: 10px;" onclick="restoreMail({{.MailId}}, closeDetails);" src="/assets/restore.svg"/>
             <img id="deleteIcon" class="iconBtn" style="width: 20px; margin-right: 10px;" onclick="removeMail({{.MailId}}, closeDetails);" src="/assets/remove.svg"/>
-            <img class="iconBtn" style="width: 20px; margin-left:10px; margin-right: 10px;" onclick="closeDetails();" src="/assets/back.svg"/>
+            <img class="iconBtn" style="width: 20px; height: 20px; margin-left:10px;" onclick="closeDetails();" src="/assets/back.svg"/>
         </div>
     </div>
     <div id="mailBody" class="contentArea horizontalPaddingBox">

web/templates/register.html

@@ -45,7 +45,7 @@
                             <label>User @{{.Domain}}</label>
                         </div>
                         <div class="inpt password bad">
-                            <input id="passwordField" name="password" type="password" required maxlength="128" autocomplete="off">
+                            <input id="passwordField" name="password" type="password" required maxlength="28" autocomplete="off">
                             <span class="highlight"></span>
                             <span class="bar"></span>
                             <label>Password</label>

web/templates/settings.html

@@ -59,14 +59,14 @@
                                         <label>Full name</label>
                                     </div>
                                     <div class="inpt password bad">
-                                        <input id="passwordField" name="password" type="password" required maxlength="128" autocomplete="off">
+                                        <input id="passwordField" name="password" type="password" required maxlength="28" autocomplete="off">
                                         <span class="highlight"></span>
                                         <span class="bar"></span>
                                         <label>New password</label>
                                         <img class="icon" src="/assets/eye.svg"/>
                                     </div>
                                     <div class="inpt">
-                                        <input id="oldPasswordField" name="oldPassword" type="password" required maxlength="128" autocomplete="off">
+                                        <input id="oldPasswordField" name="oldPassword" type="password" required maxlength="28" autocomplete="off">
                                         <span class="highlight"></span>
                                         <span class="bar"></span>
                                         <label>Old password</label>