add some hover text over anchors

resources/frontend_client/app/card/partials/_card_favorite.html

-<a href="#" class="animate-pop" ng-click="toggleFavorite()">
+<a href="#" title="Favorite This Question" class="animate-pop" ng-click="toggleFavorite()">
     <mb-icon
         name="star"
         width="18px"

resources/frontend_client/app/dashboard/partials/dash_view.html

@@ -21,7 +21,7 @@
                 <div class="Entity">
                     <div class="flex align-center">
                         <h4 class="Entity-title">{{dashboard.name}}</h4>
-                        <mb-icon class="ml1 text-grey-4" name="lock" width="12px" height="12px" ng-if="dashboard.public_perms === 0"></mb-icon>
+                        <mb-icon title="This Dashboard is Private" class="ml1 text-grey-4" name="lock" width="12px" height="12px" ng-if="dashboard.public_perms === 0"></mb-icon>
                         <a class="cursor-pointer link ml1" href="#" mb-dashboard-saver ng-attr-dashboard="dashboard" ng-attr-callback="notifyDashboardSaved">Edit</a>
                     </div>
                     <span class="Entity-attribution">
@@ -30,7 +30,7 @@
                 </div>
 
                 <div class="flex-align-right hide md-show">
-                    <a class="cursor-pointer" ng-click="toggleDashEditMode()" ng-if="dashboard.can_write && dashcards.length > 0">
+                    <a title="Edit Layout" class="cursor-pointer" ng-click="toggleDashEditMode()" ng-if="dashboard.can_write && dashcards.length > 0">
                         <mb-icon name="grid" width="16px" height="16px"></mb-icon>
                     </a>
                 </div>

resources/frontend_client/app/query_builder/add_to_dashboard.react.js

@@ -51,7 +51,7 @@ export default React.createClass({
         //       ex: someone modifies a query but hasn't run/save the change?
         return (
             <span>
-                <a className="mx1 text-grey-4 text-brand-hover" href="#" title="Add this data to a dashboard" onClick={this.toggleModal}>
+                <a className="mx1 text-grey-4 text-brand-hover" href="#" title="Add this to a dashboard" onClick={this.toggleModal}>
                     <Icon name='addtodash' width="16px" height="16px"/>
                 </a>
                 {this.addToDash()}

resources/frontend_client/app/query_builder/card_favorite_button.react.js

@@ -83,7 +83,7 @@ export default React.createClass({
         });
 
         return (
-            <a className={iconClasses} href="#" onClick={this.toggleFavorite}>
+            <a className={iconClasses} href="#" onClick={this.toggleFavorite} title="Favorite this question">
                 <Icon name="star" width="16px" height="16px"></Icon>
             </a>
         );

resources/frontend_client/app/query_builder/data_reference_query_button.react.js

@@ -13,7 +13,7 @@ export default React.createClass({
     render: function(page) {
         return (
             <div className={this.props.className}>
-                <a className="DataRefererenceQueryButton flex align-center no-decoration py1" href="#" onClick={this.props.onClick}>
+                <a className="DataRefererenceQueryButton flex align-center no-decoration py1" href="#" onClick={this.props.onClick} >
                     <Icon name={this.props.icon} />
                     <span className="DataRefererenceQueryButton-text mx2 text-default text-brand-hover">{this.props.text}</span>
                     <span className="DataRefererenceQueryButton-circle flex-align-right text-brand">

resources/frontend_client/app/query_builder/header.react.js

@@ -94,7 +94,7 @@ export default React.createClass({
                 case 0:
                     permission = (
                         <span className="ml1 sm-ml1 text-grey-3">
-                            <Icon name="lock" width="12px" height="12px" />
+                            <Icon title="This question is private" name="lock" width="12px" height="12px" />
                         </span>
                     )
                     break;
@@ -157,7 +157,7 @@ export default React.createClass({
         var cloneButton;
         if (this.props.card.id) {
             cloneButton = (
-                <a href="#" className="mx1 text-grey-4 text-brand-hover">
+                <a href="#" className="mx1 text-grey-4 text-brand-hover" title="Ask another question based on this question">
                     <Icon name='clone' width="16px" height="16px" onClick={this.props.cloneCardFn}></Icon>
                 </a>
             );
@@ -197,7 +197,7 @@ export default React.createClass({
             'text-brand-hover': !this.state.isShowingDataReference
         });
         var dataReferenceButton = (
-            <a href="#" className={dataReferenceButtonClasses}>
+            <a href="#" className={dataReferenceButtonClasses} title="Get help on what data means">
                 <Icon name='reference' width="16px" height="16px" onClick={this.toggleDataReference}></Icon>
             </a>
         );