use signup style for login page; add remember me to login popup

views/layouts/default.html.php

@@ -35,8 +35,12 @@ use \lithium\security\Auth;
 		<h2>Login</h2>
 		';
 		echo $this->form->create(null, array('url' => '/login'));
-		echo $this->form->field('username', array('type' => 'text'));
-		echo $this->form->field('password', array('type' => 'password'));
+		echo $this->form->field('username',
+				array('type' => 'text', 'id' => 'f_username'));
+		echo $this->form->field('password',
+				array('type' => 'password', 'id' => 'f_password'));
+		echo $this->form->field('remember',
+				array('type' => 'checkbox', 'id' => 'f_remember', 'label' => 'Remember me'));
 		echo $this->form->submit('Login');
 		echo $this->form->end();
 		echo '</div></div>';

views/signup/index.html.php

@@ -1,8 +1,6 @@
 <?php
-$this->styles($this->html->style("/css/signup.css"));
-?>
+$this->styles($this->html->style("/css/login_signup.css"));
 
-<?php
 if (isset($key))
 {
 	echo "Confirmation Link: <a href=\"<?=$link ?>/<?=$key->key ?>\"> Link </a>";
@@ -14,13 +12,13 @@ else
 	<?= $this->flashMessage->output(); ?>
 
 
-	<div id="signup">
+	<div id="login_signup">
 	<?= $this->form->create($user); ?>
 		<table>
 			<?= $this->form->field('username',
 					array('template' => $template, 'id' => 's_username')) ?>
 			<?= $this->form->field('newpass',
-					array('template' => $template, 'id' => 's_password', 'label' => 'Password')) ?>
+					array('template' => $template, 'id' => 's_password', 'label' => 'Password', 'type' => 'password')) ?>
 			<?= $this->form->field('email',
 					array('template' => $template, 'id' => 's_email')) ?>
 		</table>

views/users/login.html.php

@@ -1,7 +1,21 @@
-<?=$this->flashMessage->output(); ?>
-<?=$this->form->create(); ?>
-	<?=$this->form->field('username'); ?>
-	<?=$this->form->field('password', array('type' => 'password')); ?>
-	<?=$this->form->field('remember', array('type' => 'checkbox')); ?>
-	<?=$this->form->submit('Login!'); ?>
-<?=$this->form->end(); ?>
+<?php
+$this->styles($this->html->style("/css/login_signup.css"));
+
+$template = '<tr{:wrap}><td>{:label}</td><td>{:input}</td><td>{:error}</td></tr>';
+?>
+
+<?= $this->flashMessage->output() ?>
+
+<div id="login_signup">
+<?= $this->form->create() ?>
+	<table>
+		<?= $this->form->field('username',
+				array('template' => $template, 'id' => 'l_username')) ?>
+		<?= $this->form->field('password',
+				array('template' => $template, 'type' => 'password', 'id' => 'l_password')) ?>
+		<?= $this->form->field('remember',
+				array('template' => $template, 'type' => 'checkbox', 'id' => 'l_remember')) ?>
+	</table>
+	<?= $this->form->submit('Login!') ?>
+<?= $this->form->end(); ?>
+</div>

webroot/css/signup.css → webroot/css/login_signup.css

@@ -1,14 +1,15 @@
-#signup {
+#login_signup {
 	width: 100%;
 	text-align: center;
 }
-#signup table {
+#login_signup table {
 	margin: 0 auto 5px;
 }
-#signup table tr td:first-child {
+#login_signup table tr td:first-child {
 	text-align: right;
 }
-#signup table td {
+#login_signup table td {
 	padding: 3px;
 	vertical-align: middle;
+	text-align: left;
 }

webroot/css/style.css

@@ -138,7 +138,7 @@ pre {
 /* align checkboxes, radios, text inputs with their label
    by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
 input[type="radio"] { vertical-align: text-bottom; }
-input[type="checkbox"] { margin:0; vertical-align:-2px; }
+input[type="checkbox"] { vertical-align: -1px; }
 .ie6 input { vertical-align: text-bottom; }
 
 /* hand cursor on clickable input elements */