styled the Edit Password page

thraxil · Mar 11, 2016 · 2356afb · 2356afb
1 parent b59f205
commit 2356afb
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 11 deletions.
diff --git a/media/css/main.css b/media/css/main.css
diff --git a/media/css/spokehub.css b/media/css/spokehub.css
diff --git a/media/css/spokehub.css.map b/media/css/spokehub.css.map
diff --git a/media/sass/_userpages.scss b/media/sass/_userpages.scss
@@ -120,14 +120,24 @@ ul.errorlist {
 	margin-top: -1.5rem;
 }
 
-ul.errorList li {
+ul.errorlist {
+	margin-bottom: 0;
+}
+
+ul.errorlist li {
 	margin-bottom: 5px;
 }
 
 ul.errorlist.nonfield {
 	display: block;
 }
 
+@media only screen and (max-width: 1023px) and (min-width: 768px) {
+	.user-page .archives-post {
+		margin-bottom: 0;
+	}
+}
+
 @media only screen and (min-width: 1024px) {
 	.user-page .form-container {
 		width: 768px;

diff --git a/spokehub/templates/userena/password_complete.html b/spokehub/templates/userena/password_complete.html
@@ -5,5 +5,9 @@
 {% block content_title %}<h2>{% trans "Your password has been changed" %}.</h2>{% endblock %}
 
 {% block content %}
-<p>{% trans "From now on you can use your new password to signin" %}.</p>
+<div id="site-wrapper"> 
+    <div class="content-wrapper content-container user-page">
+		<p>{% trans "From now on you can use your new password to sign in" %}.</p>
+	</div>
+</div>
 {% endblock %}
diff --git a/spokehub/templates/userena/password_form.html b/spokehub/templates/userena/password_form.html
@@ -9,14 +9,16 @@
 {% block content %}
 <div id="site-wrapper"> 
     <div class="content-wrapper content-container user-page">
-        <div class="page-heading"><h2><b>Change Password</b></h2></div>
+        <div class="page-heading clearfix">
+            <ul class="archives-post">
+                <li><a href="{% url 'userena_profile_detail' user.username %}"><i class="mdi mdi-account"></i> View Profile</a></li>
+                <li><a href="{% url 'userena_profile_edit' user.username %}"><i class="mdi mdi-pencil"></i> Edit Profile</a></li>
+                <li><a href="{% url 'userena_email_change' user.username %}"><i class="mdi mdi-email"></i> Change Email</a></li>
+            </ul>
+            <h2><b>Change Password</b></h2>
+        </div>
         <div class="form-container">
             <form action="" method="post" id="password_change_form">
-                <ul id="box-nav">
-                    <li class="first"><a href="{% url 'userena_profile_detail' user.username %}"><span>{% trans 'View profile' %}</span></a></li>
-                    <li><a href="{% url 'userena_profile_edit' user.username %}">{% trans "Edit profile" %}</a></li>
-                    <li class="last"><a href="{% url 'userena_email_change' user.username %}">{% trans "Change email" %}</a></li>
-                </ul>
                 <fieldset>
                     {% csrf_token %}
                     {{ form.as_p }}