Fix click-through issue for view company links

Author: Nicholas Thomson

app/styles/main.less

@@ -198,6 +198,8 @@ header{
 
   tbody tr td{
     border-top: 1px solid @bright-blue;
+    position: relative;
+    padding: 0;
   }
 
   tbody tr a {
@@ -293,4 +295,14 @@ header{
 
 .alert-scream {
   background-color: #ff0;
+}
+
+.dataset td>div {
+  padding: 8px;
+}
+
+.dataset td>a {
+  position: absolute;
+  right: 14px;
+  top: 9px;
 }

app/views/list-select.tpl.html

@@ -21,17 +21,17 @@ <h3 class="pull-left">{{title}}</h3>
         <div class="dataset">
             <table class="table" infinite-scroll="updateScrollItems()" infinite-scroll-distance="2">
                 <tbody>
-                    <tr ng-click="removeItem(item)" ng-repeat="item in selectedShownItems"  class="selected">
+                    <tr ng-repeat="item in selectedShownItems"  class="selected">
                         <td>
-                            <span >{{item.name}}</span>
+                            <div ng-click="removeItem(item)">{{item.name}}</div>
                             <a ng-if="link" target='_blank' href='http://crunchbase.com/company/{{item.permalink}}'>
                                 <span class="pull-right glyphicon glyphicon-new-window"></span>
                             </a>
                         </td>
                     </tr>
-                    <tr ng-click="selectItem(item)" ng-if="selectedItems.indexOf(item) < 0" ng-repeat="item in scrollItems" >
+                    <tr ng-if="selectedItems.indexOf(item) < 0" ng-repeat="item in scrollItems" >
                         <td>
-                            <span >{{item.name}}</span>
+                            <div ng-click="selectItem(item)">{{item.name}}</div>
                             <a ng-if="link" target='_blank' href='http://crunchbase.com/company/{{item.permalink}}'>
                                 <span class="pull-right glyphicon glyphicon-new-window"></span>
                             </a>