Fix for count positioning in firefox

panels/table/micropanel.html

@@ -19,13 +19,18 @@
         <i class="pointer icon-ban-circle" ng-click="build_search(micropanel.field,field[0],true);dismiss();"></i>
         <i class="pointer icon-ban-circle" ng-click="build_search(micropanel.field,field[0],true);dismiss();"></i>
       </td>
       </td>
       <td class="progress" style="width:100px;position:relative">
       <td class="progress" style="width:100px;position:relative">
-        <div bs-tooltip="percent(field[1],data.length)" class="bar {{micropanelColor($index)}}" ng-style="{width: percent(field[1],data.length)}"></div>
-        <span style="position:absolute;right:10px;">{{field[1]}}</span>
+        <style scoped>
+          .progress {
+            overflow: visible;
+          }
+        </style>
+        <div bs-tooltip="percent(field[1],data.length)" class="bar" ng-class="micropanelColor($index)" ng-style="{width: percent(field[1],data.length)}"></div>
+        <span style="position:absolute;right:20px;">{{field[1]}}</span>
       </td>
       </td>
     </tr>
     </tr>
   </tbody>
   </tbody>
 </table>
 </table>
 <div class="progress">
 <div class="progress">
-  <div ng-repeat='field in micropanel.values' bs-tooltip="field[0]+' ('+percent(field[1],data.length)+')'" class="bar {{micropanelColor($index)}}" ng-style="{width: percent(field[1],data.length)};"></div>
+  <div ng-repeat='field in micropanel.values' data-position="right" bs-tooltip="field[0]+' ('+percent(field[1],data.length)+')'" class="bar {{micropanelColor($index)}}" ng-style="{width: percent(field[1],data.length)};"></div>
 </div>
 </div>
 <span ng-repeat='(field,count) in micropanel.related'><a ng-click="toggle_field(field)">{{field}}</a> ({{Math.round((count / micropanel.count) * 100)}}%), </span>
 <span ng-repeat='(field,count) in micropanel.related'><a ng-click="toggle_field(field)">{{field}}</a> ({{Math.round((count / micropanel.count) * 100)}}%), </span>
\ No newline at end of file