From 9ffd2d7079281916ecd1a3c366491c852b19ffbc Mon Sep 17 00:00:00 2001
From: DylanGuedes <djmgguedes@gmail.com>
Date: Tue, 3 May 2016 11:38:09 -0300
Subject: [PATCH] Adjusts the style of the component according with its prototype

---
 src/app/account/register-component.html      | 41 +++++++++++++++++++++++++++--------------
 src/app/account/scss/register-component.scss | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 14 deletions(-)
 create mode 100644 src/app/account/scss/register-component.scss

diff --git a/src/app/account/register-component.html b/src/app/account/register-component.html
index 25c835c..69aeca1 100644
--- a/src/app/account/register-component.html
+++ b/src/app/account/register-component.html
@@ -1,43 +1,56 @@
 <div class="register-page">
-  <h1>Ótimo ter você aqui!</h1>
-  <p>
-    "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
-    "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
-  </p>
-  <p>Saiba mais <a href="#">informações</a></p>
+  <div class="welcome-message">
+    <h1>Ótimo ter você aqui!</h1>
+    <p>
+      "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
+      "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
+    </p>
+    <p>Saiba mais <a href="#">informações</a></p>
+  </div>
   <form>
     <div class="row">
-      <div class="col-md-6">
+      <div class="col-md-6 register-field">
         <label for="name">First Name</label>
         <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
       </div>
 
-      <div class="col-md-6">
+      <div class="col-md-6 register-field">
         <label for="lastName">Last Name</label>
         <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
       </div>
 
-      <div class="col-md-12">
+      <div class="col-md-12 register-field">
         <label for="login">Username</label>
         <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login">
+        <p class="light-text">ex: ola.coop.br/joaosilva</p>
       </div>
 
-      <div class="col-md-12">
+      <div class="col-md-12 register-field">
         <label for="email">Email</label>
         <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
       </div>
 
-      <div class="col-md-6">
+      <div class="col-md-6 register-field">
         <label for="password">Password</label>
         <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
       </div>
 
-      <div class="col-md-6">
+      <div class="col-md-6 register-field">
         <label for="password-confirmation">Password Confirmation</label>
         <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
       </div>
-    </div>
 
-    <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button>
+      <div class="col-md-12">
+        <p class="terms-info">Ao criar uma conta, você está concordando com os <a href="#">termos de uso</a>.</p>
+      </div>
+
+      <div class="col-md-12">
+        <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button>
+      </div>
+
+    </div>
   </form>
+
+  <p class="already-registered-message">Já possui uma conta?</p>
+
 </div>
diff --git a/src/app/account/scss/register-component.scss b/src/app/account/scss/register-component.scss
new file mode 100644
index 0000000..b885920
--- /dev/null
+++ b/src/app/account/scss/register-component.scss
@@ -0,0 +1,33 @@
+.register-page button {
+    width: 100%;
+    text-transform: uppercase;
+}
+
+.register-page .light-text {
+    color: #BBB;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    font-weight: 600;
+}
+
+.register-page .terms-info {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.register-page .welcome-message {
+    text-align: center;
+}
+
+.register-page .already-registered-message {
+    margin-top: 60px;
+    text-align: center;
+}
+
+.register-page input {
+    height: 40px;
+}
+
+.register-page .register-field {
+    margin-bottom: 25px;
+}
--
libgit2 0.21.2