better spacing for edit user back chevron

Summary: * quick spacing and layout changes for edit user back chevron * quick test code review for @sophshep Test Plan: * go to `/users` * click any user * click back chevron Reviewers: shadowhand, sophshep Reviewed By: sophshep Subscribers: sophshep, shadowhand, rjmackay Differential Revision: https://phabricator.ushahidi.com/D591
ushahidi · Jan 8, 2015 · 3f9a783 · 3f9a783
1 parent 330bf3a
commit 3f9a783
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/sass/pages/users/_profile.scss b/sass/pages/users/_profile.scss
@@ -24,9 +24,19 @@
 
 
 /*------------------------------------*\
-    $EDIT BUTTONS
+    $BUTTONS
 \*------------------------------------*/
 
+.back-button {
+    color: $white;
+    float: left;
+    padding-right: 30px;
+
+    &:hover {
+        color: $white;
+    }
+}
+
 .save-user-button {
     margin-left: 20px;
 }

diff --git a/server/www/templates/users/profile.html b/server/www/templates/users/profile.html
@@ -1,7 +1,7 @@
 <div class="container">
 
     <div class="manage-users-header">
-        <h4 class="title"><a ng-href="/users" title="Go Back">&laquo;</a> {{title}}</h4>
+        <h4 class="title"><a ng-href="/users" title="Go Back" class="back-button">&laquo;</a> {{title}}</h4>
     </div>
 
     <div class="wrapper form-wrapper">