add bootstrap tooltips for great justice (and clarity) [ci skip]

app/assets/javascripts/app/pages/profile.js

@@ -15,6 +15,8 @@ app.pages.Profile = app.views.Base.extend({
     "click #edit-mode-toggle" : "toggleEdit"
   },
 
+  tooltipSelector : "*[rel=tooltip]",
+
   personGUID : null,
   editMode : false,
 

app/assets/javascripts/app/views/profile_info_view.js

 app.views.ProfileInfo = app.views.Base.extend({
   templateName : "profile-info",
 
+  tooltipSelector : "*[rel=tooltip]",
+
   initialize : function(){
     this.model.bind("change", this.render, this) //this should go on profile info view when it gets Extracted
   }

app/assets/stylesheets/new_styles/_canvas.scss

@@ -147,15 +147,19 @@ body {
       width : 29px;
     }
 
+    .timestamp,
     .permalink {
-      cursor : pointer;
-      position : absolute;
-      right : 10px;
+      margin : 1px 7px;
+    }
+
+    .timestamp {
+      float : left;
       margin-top : 2px;
+    }
 
-      &:hover {
-        background-color : #ddd;
-      }
+    .permalink {
+      cursor : pointer;
+      float : right;
     }
   }
 

app/assets/templates/post-viewer.jst.hbs

@@ -13,7 +13,6 @@
     </span>
 </a>
 
-
 <div id="post-content"> </div>
 <div id="post-nav"> </div>
 <div id="post-interactions"> </div>
\ No newline at end of file

app/assets/templates/profile-info.jst.hbs

@@ -37,7 +37,7 @@
 
         {{#if isOwnProfile}}
             <span class="divider">•</span>
-            <a href="/profile/edit" title="Edit Profile" style="margin-left:2px;">
+            <a href="/profile/edit" title="Edit Profile" rel="tooltip" style="margin-left:2px;">
                 <i class="icon-cog"></i>
             </a>
         {{/if}}

app/assets/templates/profile.jst.hbs

@@ -15,11 +15,11 @@
 
 <section id="profile-controls">
     {{#if isOwnProfile}}
-        <a href="#composer" title="New Post" class="control small" rel="facebox">
-            <img src='{{imageUrl "buttons/pub@2x.png"}}' />
+        <a href="#composer" class="control small" rel="facebox">
+            <img src='{{imageUrl "buttons/pub@2x.png"}}' title="New Post" rel="tooltip"/>
         </a>
-        <a href="#" title="Edit Layout" id="edit-mode-toggle" class="control small">
-            <img src='{{imageUrl "buttons/edit@2x.png"}}' />
+        <a href="#" id="edit-mode-toggle" class="control small">
+            <img src='{{imageUrl "buttons/edit@2x.png"}}' title="Edit Posts" rel="tooltip"/>
         </a>
     {{/if}}
 </section>

app/assets/templates/small-frame.jst.hbs

@@ -35,11 +35,13 @@
             {{/linkToPerson}}
         {{/if}}
 
+        <i class="icon-time timestamp" title="{{created_at}}" rel="tooltip"></i>
+        <i class="icon-share permalink" title="View Post" rel="tooltip"></i>
+
         <i class="icon-heart"></i> {{likes_count}}
         <i class="icon-retweet"></i> {{reshares_count}}
         <i class="icon-comment"></i> {{comments_count}}
 
-        <i class="icon-share permalink"></i>
     </div>
 </div>
 

spec/javascripts/app/pages/profile_spec.js

@@ -44,7 +44,7 @@ describe("app.pages.Profile", function(){
 //        will fix this in the next commit.
 //        spyOn(this.page, "isOwnProfile").andReturn(false)
 //        this.page.render()
-//        expect(this.page.$("#profile-controls .control").length).toBe(1)
+//        expect(this.page.$("#follow .control").length).toBe(1)
       })
     })