using glyphicons instead of text for action buttons

pom.xml

@@ -7,7 +7,7 @@
 
     <groupId>ch.filecloud</groupId>
     <artifactId>ch.filecloud.queue-monitor</artifactId>
-    <version>0.0.1-SNAPSHOT</version>
+    <version>0.0.1</version>
 
     <parent>
         <groupId>org.springframework.boot</groupId>

src/main/webapp/views/queues.html

@@ -1,13 +1,14 @@
 <div ng-init="loadQueues()">
     <h4>Queues</h4>
     <div class="alert alert-warning" role="alert" ng-hide="queues.length !== 0">No active queues found!</div>
-    <table class="table table-hover" ng-show="queues.length !== 0">
+    <table class="table table-striped" ng-show="queues.length !== 0">
         <thead>
         <tr>
             <th>Name</th>
             <th>Message count</th>
             <th>Messages Added</th>
             <th>Consumer count</th>
+            <!--<th>&nbsp;</th>-->
         </tr>
         </thead>
         <tbody>
@@ -16,6 +17,9 @@ <h4>Queues</h4>
             <td>{{queue.messageCount}}</td>
             <td>{{queue.messagesAdded}}</td>
             <td>{{queue.consumerCount}}</td>
+            <!--<td align="right">-->
+                <!--<button type="button" class="btn btn-danger" alt="asfd"><span class="glyphicon glyphicon-trash"></span></button>-->
+            <!--</td>-->
         </tr>
         </tbody>
     </table>

src/main/webapp/views/topic-detail.html

@@ -45,7 +45,7 @@ <h4>Subscriptions</h4>
                 </td>
             </tr>
             <tr>
-                <td colspan="2" align="left"><button type="button" ng-click="deleteSubscription(topicDetail.name,subscription.name,$index)" class="btn btn-danger" ng-show="subscription.durable">Delete</button></td>
+                <td colspan="2" align="left"><button type="button" ng-click="deleteSubscription(topicDetail.name,subscription.name,$index)" class="btn btn-danger" ng-show="subscription.durable"><span class="glyphicon glyphicon-trash"></span></button></td>
             </tr>
             <tr>
                 <td colspan="2"><hr class="subscription-seperator"></td>

src/main/webapp/views/topics.html

@@ -1,7 +1,7 @@
 <div ng-init="loadTopics()">
     <h4>Topics</h4>
     <div class="alert alert-warning" role="alert" ng-hide="topics.length !== 0">No active topics found!</div>
-    <table class="table table-hover" ng-show="topics.length !== 0">
+    <table class="table table-striped" ng-show="topics.length !== 0">
         <thead>
         <tr>
             <th>Name</th>
@@ -18,7 +18,7 @@ <h4>Topics</h4>
             <td>{{topic.messagesAdded}}</td>
             <td>{{topic.subscriptionCount}}</td>
             <td align="right">
-                <a ng-href="#/topics/{{topic.name}}"><button type="button" class="btn btn-info">Info</button></a>
+                <a ng-href="#/topics/{{topic.name}}"><button type="button" class="btn btn-info"><span class="glyphicon glyphicon-info-sign"></span></button></a>
             </td>
         </tr>
         </tbody>