improves on email add screen

Sergio Oliveira
1 parent b8dc5e0c
Showing 2 changed files with 25 additions and 2 deletions Show diff stats
src/accounts/templates/accounts/user_update_form.html
src/static/css/screen.css
@@ -97,9 +97,10 @@ $(function() {
             <h3 class="panel-title">{% trans "Emails" %}</h3>
           </div>
           <div class="panel-body">
-            <ul class="unstyled-list email">
+            <ul class="unstyled-list emails">
             {% for email in user_.emails.iterator %}
               <li>
+                {% gravatar user_.email 30 %}
                 <span class="email-address">{{ email.address }}</span>
                 {% if email.address == user_.email %}
                   <span class="label label-success">{% trans "Primary" %}</span>
@@ -114,9 +115,10 @@ $(function() {
             {% endfor %}
             {% for email in user_.emails_not_validated.iterator %}
               <li>
+                {% gravatar user_.email 30 %}
                 <span class="email-address">{{ email.address }}</span>
-                <span class="label label-warning">{% trans "Not verified" %}</span>
                 <div class="text-right">
+                  <button class="btn btn-default verify-email"><span class="icon-warning-sign"></span> {% trans "Verify" %}</button>
                   <button class="btn btn-danger delete-email">{% trans "Delete" %}</button>
                 </div>
                 <hr />
@@ -3,6 +3,10 @@ body {
     padding-top: 57px;
 }
  
+li hr {
+    margin: 10px 0;
+}
+
 /* Header */
  
 #header-searchbox {
@@ -348,3 +352,20 @@ ul.unstyled-list .glyphicon-chevron-right {
 }
  
 /* end Feedzilla */
+
+/* user profile update */
+
+.btn.delete-email:not(:hover) {
+    background-color: #fff;
+    color: #D9534F;
+}
+
+.btn .icon-warning-sign {
+    color: #F0AD4E;
+}
+
+ul.emails {
+    margin: 0;
+}
+
+/* end user profile update */
...	...	@@ -97,9 +97,10 @@ $(function() {
97	97	<h3 class="panel-title">{% trans "Emails" %}</h3>
98	98	</div>
99	99	<div class="panel-body">
100		- <ul class="unstyled-list email">
	100	+ <ul class="unstyled-list emails">
101	101	{% for email in user_.emails.iterator %}
102	102	<li>
	103	+ {% gravatar user_.email 30 %}
103	104	<span class="email-address">{{ email.address }}</span>
104	105	{% if email.address == user_.email %}
105	106	<span class="label label-success">{% trans "Primary" %}</span>
...	...	@@ -114,9 +115,10 @@ $(function() {
114	115	{% endfor %}
115	116	{% for email in user_.emails_not_validated.iterator %}
116	117	<li>
	118	+ {% gravatar user_.email 30 %}
117	119	<span class="email-address">{{ email.address }}</span>
118		- <span class="label label-warning">{% trans "Not verified" %}</span>
119	120	<div class="text-right">
	121	+ <button class="btn btn-default verify-email"><span class="icon-warning-sign"></span> {% trans "Verify" %}</button>
120	122	<button class="btn btn-danger delete-email">{% trans "Delete" %}</button>
121	123	</div>
122	124	<hr />
...	...
...	...	@@ -3,6 +3,10 @@ body {
3	3	padding-top: 57px;
4	4	}
5	5
	6	+li hr {
	7	+ margin: 10px 0;
	8	+}
	9	+
6	10	/* Header */
7	11
8	12	#header-searchbox {
...	...	@@ -348,3 +352,20 @@ ul.unstyled-list .glyphicon-chevron-right {
348	352	}
349	353
350	354	/* end Feedzilla */
	355	+
	356	+/* user profile update */
	357	+
	358	+.btn.delete-email:not(:hover) {
	359	+ background-color: #fff;
	360	+ color: #D9534F;
	361	+}
	362	+
	363	+.btn .icon-warning-sign {
	364	+ color: #F0AD4E;
	365	+}
	366	+
	367	+ul.emails {
	368	+ margin: 0;
	369	+}
	370	+
	371	+/* end user profile update */
...	...