The graph management delete button is now correct red color and hover effect does not change it to green

js/apps/system/aardvark/frontend/css/buttons.css

@@ -9,13 +9,21 @@
   font-size: 20px;
   color: #8AA050;
   margin-top: 2px;
+  cursor: pointer;
 }
+
 .deleteButton {
-  color: #B30000;
+  /*color: #B30000;*/
+  color: #DA4F49;
   font-size: 20px;
   padding-right: 3px;
   top: 3px;
   position: relative;
+  cursor: pointer;
+}
+
+.deleteButton:hover {
+  color: #BE342E;
 }
 
 ul.headerButtonList {

js/apps/system/aardvark/frontend/css/datatables.css

@@ -33,13 +33,14 @@ table.arangoDataTable.dataTable td {
   border-bottom: 1px solid #C2C2C2;
 }
 
-.arangoDataTable .odd:hover,
-.arangoDataTable .even:hover,
-#logContent .odd:hover,
-#logContent .even:hover {
+table.arangoDataTable tr {
   cursor: pointer;
 }
 
+table.arangoDataTable.noPointer tr {
+  cursor: default;
+}
+
 .arangoDataTable .key {
   margin-top: 4px;
 }

js/apps/system/aardvark/frontend/js/templates/manageGraphsView.ejs

@@ -30,14 +30,16 @@
 <div id="graphManagementDiv" class="thumbnails">
   <div id="graphTable_wrapper" class="dataTables_wrapper" role="grid">
 
-  <table cellpadding="0" cellspacing="0" border="0" class="display arangoDataTable dataTable" id="graphsTable">
+  <table cellpadding="0" cellspacing="0" border="0" class="display arangoDataTable dataTable noPointer" id="graphsTable">
     <thead>
       <tr>
         <th>Name</th>
         <th>Vertices</th>
         <th>Edges</th>
         <th>
-          <a id="addGraphButton" class="pull-right addButton"><span class="arangoicon icon_arangodb_roundplus" title="Add a graph"></span></a>
+          <a id="addGraphButton" class="pull-right addButton">
+            <span class="arangoicon icon_arangodb_roundplus" title="Add a graph"></span>
+          </a>
         </th>
       </tr>
     </thead>