foxx css/icons/template

html/admin/css/foxxView.css

@@ -10,8 +10,21 @@
   cursor: pointer;
 }
 
+.foxxElement .glyphicon-edit {
+  font-size: 18px;
+  margin-right: 3px;
+  position: absolute;
+  top: 27px;
+  right: 1px;
+  opacity: 0.7;
+}
+
+.foxxElement .glyphicon-edit:hover {
+  opacity: 1;
+}
+
 .foxxDescription {
-  margin-top: -15px;
+  margin-top: 5px;
   width:140px;
   height: 90px;
   float: left;
@@ -42,10 +55,14 @@ li.applicationList {
 }
 
 .applicationListHeader {
-  margin-bottom: 25px;
+  margin-bottom: 10px;
+  margin-top: 15px;
   color: #FFF;
+  height: 36px !important;
   text-align: center;
   padding: 1px 0px;
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .toggle-icon {
@@ -55,10 +72,12 @@ li.applicationList {
 .foxxList .boxHeader {
   background-color: #686766;
   opacity: 1;
-  margin-left: 10px;
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .applicationList {
   width: 100%;
   padding-left: 10px;
+  margin-bottom: 0px !important;
 }

html/admin/js/templates/foxxActiveView.ejs

@@ -3,7 +3,7 @@
     <% var appInfos = attributes.app.split(":"); %>
     <h5 class="applicationName"><%= appInfos[1] %></h5>
     <div class="pull-right">
-        <i class="icon-edit" alt="Properties" title="Change foxx properties"></i>
+        <span class="glyphicon glyphicon-edit" alt="Properties" title="Change foxx properties"></span>
     </div>
     <img src="../aardvark/foxxes/thumbnail/<%=attributes.app %>" alt="icon" class="foxxIcon"/>
     <p class="foxxDescription">

html/admin/js/templates/foxxEditView.ejs

@@ -2,7 +2,7 @@
 <div id="change-foxx" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">
   <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-    <h3>Modify Application</h3>
+    <a class="arangoHeader">Modify Application</a>
   </div>
   <div class="modal-body">
     <table>

html/admin/js/views/foxxActiveView.js

@@ -7,7 +7,7 @@ window.FoxxActiveView = Backbone.View.extend({
   template: new EJS({url: 'js/templates/foxxActiveView.ejs'}),
 
   events: {
-    'click .icon-edit': 'editFoxx',
+    'click .glyphicon-edit': 'editFoxx',
     'click' : 'showDocu'
   },