From d4b6945d87550ea6862aa4c00677ba9074585900 Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Sun, 10 Jul 2011 15:49:34 -0700
Subject: Style signup page

---
 views/signup/index.html.php | 37 ++++++++++++++++++++++++++-----------
 webroot/css/signup.css      |  4 ++--
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/views/signup/index.html.php b/views/signup/index.html.php
index 5b26977..dd262e0 100644
--- a/views/signup/index.html.php
+++ b/views/signup/index.html.php
@@ -2,16 +2,31 @@
 $this->styles($this->html->style("/css/signup.css"));
 ?>
 
-<?php if (isset($key)): ?>
-Confirmation Link: <a href="<?=$link ?>/<?=$key->key ?>"> Link </a>
-<?php else: ?>
-<?=$this->flashMessage->output(); ?>
+<?php
+if (isset($key))
+{
+	echo "Confirmation Link: <a href=\"<?=$link ?>/<?=$key->key ?>\"> Link </a>";
+}
+else
+{
+	$template = '<tr{:wrap}><td>{:label}</td><td>{:input}</td><td>{:error}</td></tr>';
+	?>
+	<?= $this->flashMessage->output(); ?>
 
 
-<?=$this->form->create($user); ?>
-	<?=$this->form->field('username'); ?>
-	<?=$this->form->field('newpass', array('type' => 'password', 'label' => 'password')); ?>
-	<?=$this->form->field('email'); ?>
-	<?=$this->form->submit('Signup!'); ?>
-<?=$this->form->end(); ?>
-<?php endif; ?>
\ No newline at end of file
+	<div id="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')) ?>
+			<?= $this->form->field('email',
+					array('template' => $template, 'id' => 's_email')) ?>
+		</table>
+	<?= $this->form->submit('Signup!'); ?>
+	<?= $this->form->end(); ?>
+	</div>
+<?php
+}
+?>
diff --git a/webroot/css/signup.css b/webroot/css/signup.css
index 3968bbd..5533718 100644
--- a/webroot/css/signup.css
+++ b/webroot/css/signup.css
@@ -1,9 +1,9 @@
 #signup {
-	float: right;
+	width: 100%;
 	text-align: center;
 }
 #signup table {
-	margin-bottom: 5px;
+	margin: 0 auto 5px;
 }
 #signup table tr td:first-child {
 	text-align: right;
-- 
cgit v1.2.3