Minor improvements (#842)

* Minor improvements

* Updated

styles/templates/default/login.tpl

@@ -13,16 +13,15 @@
         </tr>
         <tr>
             <td class="row1">
-
                 <!-- IF ADMIN_LOGIN -->
                 <h4 class="tCenter mrg_16">{L_ADMIN_REAUTHENTICATE}</h4>
                 <!-- ENDIF -->
-
                 <div class="mrg_16">
                     <table class="borderless bCenter">
                         <tr>
                             <td width="35%" align="right">{L_USERNAME}:</td>
-		<td><input type="text" class="post" name="login_username" size="25" maxlength="40" value="{LOGIN_USERNAME}" tabindex="101"<!-- IF ADMIN_LOGIN --> readonly="readonly" style="color: gray"<!-- ENDIF --> /></td>
+                            <td><input type="text" class="post" name="login_username" size="25" maxlength="40" value="{LOGIN_USERNAME}" tabindex="101"<!-- IF ADMIN_LOGIN --> readonly="readonly" style="color: gray"<!-- ENDIF --> />
+                            </td>
                         </tr>
                         <tr>
                             <td align="right">{L_PASSWORD}:</td>
@@ -35,7 +34,8 @@
                         </tr>
                         <!-- ENDIF -->
                         <tr>
-		<td colspan="2" class="tCenter nowrap">{L_AUTO_LOGIN}: <input type="checkbox" name="autologin" tabindex="103"<!-- IF ADMIN_LOGIN || AUTOLOGIN_DISABLED --> disabled="disabled"<!-- ELSE -->checked="checked"<!-- ENDIF --> /></td>
+                            <td colspan="2" class="tCenter nowrap">{L_AUTO_LOGIN}: <input type="checkbox" name="autologin" tabindex="103"<!-- IF ADMIN_LOGIN || AUTOLOGIN_DISABLED --> disabled="disabled"<!-- ELSE --> checked="checked"<!-- ENDIF --> />
+                            </td>
                         </tr>
                         <tr>
                             <td colspan="2" class="tCenter pad_6"><input type="submit" name="login" class="bold long" value="{L_LOGIN}"/></td>
@@ -45,9 +45,17 @@
                         </tr>
                     </table>
                 </div>
-
             </td>
         </tr>
     </table>
-
 </form>
+
+<script type="text/javascript">
+    $('body').on('click', '.password_show_checkbox', function () {
+        if ($(this).is(':checked')) {
+            $('input.show_pass_input').attr('type', 'text');
+        } else {
+            $('input.show_pass_input').attr('type', 'password');
+        }
+    });
+</script>

styles/templates/default/page_footer.tpl

@@ -66,16 +66,6 @@
 
 <script type="text/javascript">new ClipboardJS('.copyElement');</script>
 
-<script type="text/javascript">
-    $('body').on('click', '.password_show_checkbox', function () {
-        if ($(this).is(':checked')) {
-            $('input.show_pass_input').attr('type', 'text');
-        } else {
-            $('input.show_pass_input').attr('type', 'password');
-        }
-    });
-</script>
-
 <!-- IF ONLOAD_FOCUS_ID -->
 <script type="text/javascript">
 $p('{ONLOAD_FOCUS_ID}').focus();

styles/templates/default/usercp_register.tpl

@@ -1,11 +1,27 @@
 <style>
-.prof-tbl * { -moz-box-sizing: border-box; box-sizing: border-box; }
+    .prof-tbl * {
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+    }
+
     input[name="username"], input[name="user_email"], input[name="cur_pass"], input[name="new_pass"] {
         width: 255px;
     }
-.prof-tbl td { padding: 4px 6px; }
+
-.prof-title { text-align: right; }
+    .prof-tbl td {
-.prof-tbl h6 { margin: 4px 0 4px 4px; color: #444444; line-height: 100%; display: inline-block; }
+        padding: 4px 6px;
+    }
+
+    .prof-title {
+        text-align: right;
+    }
+
+    .prof-tbl h6 {
+        margin: 4px 0 4px 4px;
+        color: #444444;
+        line-height: 100%;
+        display: inline-block;
+    }
 </style>
 <script type="text/javascript">
     $(function () {
@@ -33,7 +49,8 @@ ajax.callback.user_register = function(data){
 
 <p class="nav"><a href="{U_INDEX}">{T_INDEX}</a></p>
 
-<form id="prof-form" method="post" action="profile.php<!-- IF IS_ADMIN && PR_USER_ID -->?u={PR_USER_ID}<!-- ENDIF -->" class="tokenized" enctype="multipart/form-data">
+<form id="prof-form" method="post" action="profile.php<!-- IF IS_ADMIN && PR_USER_ID -->?u={PR_USER_ID}<!-- ENDIF -->"
+      class="tokenized" enctype="multipart/form-data">
     <input type="hidden" name="mode" value="{MODE}"/>
     <input type="hidden" name="reg_agreed" value="1"/>
     <!-- IF NEW_USER --><input type="hidden" name="admin" value="1"/><!-- ENDIF -->
@@ -62,13 +79,11 @@ document.write('<input type="hidden" name="user_timezone" value="'+tz+'" />');
         </tr>
         <tr>
             <td class="prof-title">{L_USERNAME}: *</td>
-	<td><!-- IF CAN_EDIT_USERNAME --><input id="username" onBlur="ajax.exec({ action: 'user_register', mode: 'check_name', username: $('#username').val()}); return false;" type="text" name="username" size="35" maxlength="25" value="{USERNAME}" /><!-- ELSE --><b>{USERNAME}</b><!-- ENDIF -->
+            <td><!-- IF CAN_EDIT_USERNAME --><input id="username" onBlur="ajax.exec({ action: 'user_register', mode: 'check_name', username: $('#username').val()}); return false;" type="text" name="username" size="35" maxlength="25" value="{USERNAME}"/><!-- ELSE --><b>{USERNAME}</b><!-- ENDIF --><span id="check_name"></span></td>
-	<span id="check_name"></span></td>
         </tr>
         <tr>
             <td class="prof-title">{L_EMAIL}: * <!-- IF EDIT_PROFILE --><!-- ELSE IF $bb_cfg['reg_email_activation'] --><br/><h6>{L_EMAIL_EXPLAIN}</h6><!-- ENDIF --></td>
-	<td><input id="email" onBlur="ajax.exec({ action: 'user_register', mode: 'check_email', email: $('#email').val()}); return false;" type="text" name="user_email" size="35" maxlength="40" value="{USER_EMAIL}" <!-- IF EDIT_PROFILE --><!-- IF !$bb_cfg['emailer']['enabled'] -->readonly="readonly" style="color: gray;"<!-- ENDIF --><!-- ENDIF --> />
+            <td><input id="email" onBlur="ajax.exec({ action: 'user_register', mode: 'check_email', email: $('#email').val()}); return false;" type="text" name="user_email" size="35" maxlength="40" value="{USER_EMAIL}"<!-- IF EDIT_PROFILE --><!-- IF !$bb_cfg['emailer']['enabled'] --> readonly="readonly" style="color: gray;"<!-- ENDIF --><!-- ENDIF --> /><span id="check_email"></span></td>
-	<span id="check_email"></span></td>
         </tr>
         <!-- IF EDIT_PROFILE and not ADM_EDIT -->
         <tr>
@@ -79,15 +94,14 @@ document.write('<input type="hidden" name="user_timezone" value="'+tz+'" />');
         <tr>
             <td class="prof-title"><!-- IF EDIT_PROFILE -->{L_NEW_PASSWORD}: * <br/><h6>{L_PASSWORD_IF_CHANGED}</h6><!-- ELSE -->{L_PASSWORD}: *<!-- ENDIF --></td>
             <td>
-		<input id="pass" type="<!-- IF SHOW_PASS -->text<!-- ELSE -->password<!-- ENDIF -->" name="new_pass" size="35" maxlength="32" value="" />&nbsp;
+                <input id="pass" type="<!-- IF SHOW_PASS -->text<!-- ELSE -->password<!-- ENDIF -->" name="new_pass" size="35" maxlength="32" value=""/>&nbsp;<span id="autocomplete" title="{L_AUTOCOMPLETE}">&#9668;</span>&nbsp;<i class="med">{PASSWORD_LONG}</i>
-		<span id="autocomplete" title="{L_AUTOCOMPLETE}">&#9668;</span> &nbsp;<i class="med">{PASSWORD_LONG}</i>
             </td>
         </tr>
         <tr>
-	<td class="prof-title">{L_CONFIRM_PASSWORD}: * <!-- IF EDIT_PROFILE --><br /><h6>{L_PASSWORD_CONFIRM_IF_CHANGED}</h6><!-- ENDIF --></td>
+            <td class="prof-title">{L_CONFIRM_PASSWORD}: * <!-- IF EDIT_PROFILE --><br/>
+                <h6>{L_PASSWORD_CONFIRM_IF_CHANGED}</h6><!-- ENDIF --></td>
             <td>
-		<input id="pass_confirm" onBlur="ajax.exec({ action: 'user_register', mode: 'check_pass', pass: $('#pass').val(), pass_confirm: $('#pass_confirm').val() }); return false;" type="<!-- IF SHOW_PASS -->text<!-- ELSE -->password<!-- ENDIF -->" name="cfm_pass" size="35" maxlength="32" value="" />
+                <input id="pass_confirm" onBlur="ajax.exec({ action: 'user_register', mode: 'check_pass', pass: $('#pass').val(), pass_confirm: $('#pass_confirm').val() }); return false;" type="<!-- IF SHOW_PASS -->text<!-- ELSE -->password<!-- ENDIF -->" name="cfm_pass" size="35" maxlength="32" value=""/><span id="check_pass"></span>
-		<span id="check_pass"></span>
             </td>
         </tr>
         <!-- IF CAPTCHA_HTML -->
@@ -307,7 +321,7 @@ ajax.callback.posts = function(data){
                         <div class="bCenter">
                             <?php include($V['HTML_AGREEMENT']); ?>
                         </div>
-			<p class="med bold mrg_4 tCenter"><label><input type="checkbox" value="" checked="checked" disabled="disabled" /> {L_USER_AGREEMENT_AGREE}</label></p>
+                        <p class="med bold mrg_4 tCenter"><label><input type="checkbox" value="" checked="checked" disabled="disabled"/>&nbsp;{L_USER_AGREEMENT_AGREE}</label></p>
                     </fieldset>
                 </div><!--/infobox-wrap-->
             </td>
@@ -317,7 +331,9 @@ ajax.callback.posts = function(data){
         <tr>
             <td class="catBottom" colspan="2">
                 <div id="submit-buttons">
-		<!-- IF EDIT_PROFILE --><input type="reset" value="{L_RESET}" name="reset" class="lite" />&nbsp;&nbsp;<!-- ENDIF -->
+                    <!-- IF EDIT_PROFILE -->
+                    <input type="reset" value="{L_RESET}" name="reset" class="lite"/>&nbsp;&nbsp;
+                    <!-- ENDIF -->
                     <input type="submit" name="submit" value="{L_SUBMIT}" class="main"/>
                 </div>
             </td>
@@ -325,5 +341,14 @@ ajax.callback.posts = function(data){
 
         </tbody>
     </table>
-
 </form>
+
+<script type="text/javascript">
+    $('body').on('click', '.password_show_checkbox', function () {
+        if ($(this).is(':checked')) {
+            $('input.show_pass_input').attr('type', 'text');
+        } else {
+            $('input.show_pass_input').attr('type', 'password');
+        }
+    });
+</script>