add toggle functionality to profile token

app/controllers/accounts.coffee

@@ -7,4 +7,10 @@ Controller = Ember.ArrayController.extend
     @get('user.name') || @get('user.login')
   ).property('user.login', 'user.name')
 
+
+  actions: 
+    tokenVisibility: () ->
+      @toggleProperty('isVisible')
+      return false
+
 `export default Controller`

app/styles/app/layouts/profile.sass

@@ -100,7 +100,6 @@
   li
     margin: 1.5rem 0 2.5rem
   a
-    @extend %inline-block
     width: 100%
     &:hover
       h1, h2

app/templates/profile/accounts.hbs

@@ -9,7 +9,14 @@
           <h1>{{userName}}</h1>
           <p>Repositories <strong>{{user.reposCount}}</strong></p>
         {{/link-to}}
-        <p class="profile-user-last">Token: <strong>{{auth.currentUser.token}}</strong></p>
+        <p class="profile-user-last">Token: 
+
+        {{#if isVisible}}
+          <strong>{{auth.currentUser.token}}</strong><a {{action 'tokenVisibility'}} class="profile-token-toggle">&lharu;</a>
+        {{else}}
+          <a {{action 'tokenVisibility'}} class="profile-token-toggle">&rharu;</a>
+        {{/if}}
+        </p>
       </div>
     </div>
   </section>