From adc7565eeab15114bbf89f933681a8c30099de92 Mon Sep 17 00:00:00 2001
From: Matheus Figueiredo <matheus@tracy.com.br>
Date: Mon, 19 Aug 2013 16:41:30 -0300
Subject: [PATCH] Assing style to Sign Up page

---
 src/accounts/templates/accounts/signup-form.html | 112 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------
 src/colab/static/css/screen.css                  |  15 +++++++++++----
 2 files changed, 74 insertions(+), 53 deletions(-)

diff --git a/src/accounts/templates/accounts/signup-form.html b/src/accounts/templates/accounts/signup-form.html
index 01c538e..4ddb62a 100644
--- a/src/accounts/templates/accounts/signup-form.html
+++ b/src/accounts/templates/accounts/signup-form.html
@@ -3,59 +3,73 @@
 {% load i18n %}
 {% block main-content %}
 
-<h2>{% trans "Sign up" %}</h2>
+<div class="container">
+  <h2>{% trans "Sign up" %}</h2>
 
-{% if form.errors %}
-<div><b>{% trans "Please correct the errors below and try again." %}</b></div>
-{% endif %}
-
-<div>
-  <label>{% trans "Avatar" %}</label >
+  {% if form.errors %}
   <div>
-    <img src="{{ STATIC_URL }}img/user.png" alt="user"/>
+    <b>{% trans "Please correct the errors below and try again." %}</b>
+  </div>
+  {% endif %}
+
+  <div class="row">
+    <div class="col-lg-11 well">
+      <label>{% trans "Avatar" %}</label >
+        <div id="avatar">
+          <img src="{{ STATIC_URL }}img/user.png" alt="user"/>
+        </div>
+        <p>
+          {% trans "Add an avatar to your account using" %} <a href="http://gravatar.com/" target="_blank">Gravatar</a>
+        </p>
+    </div>
   </div>
-  <p>
-    {% trans "Add an avatar to your account using" %} <a href="http://gravatar.com/" target="_blank">Gravatar</a>.
+
+
+  <p class="required">
+    <label>{% trans "Required fields" %}</label>
   </p>
-</div>
 
+  <form action="." method="post">
+    {% csrf_token %}
 
-<p>
-  <label>{% trans "Required fields" %}</label>  
-</p>
-
-<form id="signup" action="." method="post">
-  {% csrf_token %}
-
-  <fieldset>
-    <legend>{% trans "Personal Information" %}</legend>
-    {% render_form_field form.first_name %}
-    {% render_form_field form.last_name %}
-    {% render_form_field form.email %}
-    {% render_form_field form.username %}
-  </fieldset>
-
-  <fieldset>
-    <legend>{% trans "Professionals Information" %}</legend>
-    {% render_form_field form.institution %}
-    {% render_form_field form.role %}
-  </fieldset>
-
-  <fieldset>
-    <legend>{% trans "Others" %}</legend>
-    {% render_form_field form.twitter %}
-    {% render_form_field form.facebook %}
-    {% render_form_field form.google_talk %}
-    {% render_form_field form.webpage %}
-  </fieldset>
- 
-  <fieldset>
-    <legend>{% trans "Subscribe to mail lists" %}</legend>
-    {% render_form_field form.lists %}
-  </fieldset>
- 
-  <div>
-    <input type="submit" value="{% trans 'Register' %}"/>
-  </div>
-</form>
+    <div class="row">
+      <div class="col-lg-5">
+        <fieldset class="well">
+          <legend>{% trans "Personal Information" %}</legend>
+          {% render_form_field form.first_name %}
+          {% render_form_field form.last_name %}
+          {% render_form_field form.email %}
+          {% render_form_field form.username %}
+        </fieldset>
+
+        <fieldset class="well">
+          <legend>{% trans "Others" %}</legend>
+          {% render_form_field form.twitter %}
+          {% render_form_field form.facebook %}
+          {% render_form_field form.google_talk %}
+          {% render_form_field form.webpage %}
+        </fieldset>
+      </div>
+
+      <div class="col-lg-5 col-lg-offset-1">
+        <fieldset class="well">
+          <legend>{% trans "Professionals Information" %}</legend>
+          {% render_form_field form.institution %}
+          {% render_form_field form.role %}
+        </fieldset>
+
+        <fieldset class="well">
+          <legend>{% trans "Subscribe to mail lists" %}</legend>
+          <div class="unstyled-list">
+            {% render_form_field form.lists %}
+          </div>
+        </fieldset>
+      </div>
+
+      <div class="col-lg-2 pull-right">
+        <input type="submit" value="{% trans 'Register' %}"/>
+      </div>
+    </div>
+  </form>
+</div>
 {% endblock %}
diff --git a/src/colab/static/css/screen.css b/src/colab/static/css/screen.css
index 0896a0e..4a1f9ac 100644
--- a/src/colab/static/css/screen.css
+++ b/src/colab/static/css/screen.css
@@ -136,8 +136,15 @@ fieldset>legend {
     vertical-align: middle;
 }
 
-ul.none {
-    list-style-type:none;
-    padding:3px 0;
-    margin:10px 0;
+.unstyled-list ul, ul.none {
+    list-style-type: none;
+    padding: 3px 0;
+    margin: 10px 0;
+}
+
+#avatar {
+    background-color: #FFF;
+    padding: 9px 12px;
+    width: 47px;
+    height: 50px;
 }
--
libgit2 0.21.2