Started adding css classes to the header bar s.t. they can be reused and css bindings to ids are superflous

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

@@ -2,7 +2,13 @@
   <div id="transparentHeader">
 
     <div class="pagination pagination-small pagination-right btn-group">
-      <ul><li class="enabled"><a id="collectionsToggle" class="arangoHeaderA"><span class="icon_arangodb_settings2" title="Settings"></span></a></li></ul>
+      <ul>
+        <li class="enabled">
+          <a id="collectionsToggle" class="headerButton">
+            <span class="icon_arangodb_settings2" title="Settings"></span>
+          </a>
+        </li>
+      </ul>
     </div>
 
     <div id="transparentPlaceholder">

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

@@ -1,11 +1,16 @@
 <ul class="thumbnails2">
-  <div id="dashboardHeader">
+  <div id="dashboardHeader" class="headerBar">
     <div class="pull-left">
       <a class="arangoHeader">Dashboard</a>
     </div>
-
-    <div class="pagination pagination-small pull-right btn-group">
-      <ul><li class="enabled"><a id="dashboardToggle" class="arangoHeaderA"><span class="icon_arangodb_settings2" title="Settings"></span></a></li></ul>
+    <div class="pagination pagination-small pull-right">
+      <ul>
+        <li class="enabled">
+          <a id="dashboardToggle" class="headerButton">
+            <span class="icon_arangodb_settings2" title="Settings"></span>
+          </a>
+        </li>
+      </ul>
     </div>
   </div>
 

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

@@ -1,8 +1,20 @@
 <ul class="thumbnails2">
   <div id="transparentHeader">
     <div class="pagination pagination-small pagination-right toolbarUL">
-      <ul><li class="enabled" style="visibility:hidden"><a id="aqlToggle" class="arangoHeaderA"><span class="glyphicon glyphicon-cog" title="Settings"></span></a></li></ul>
-      <ul><li class="enabled"><a id="editAQL" class="arangoHeaderA"><span class="icon_arangodb_checklist" title="Edit custom Queries"></span></a></li></ul>
+      <ul>
+        <li class="enabled" style="visibility:hidden">
+          <a id="aqlToggle" class="headerButton">
+            <span class="glyphicon glyphicon-cog" title="Settings"></span>
+          </a>
+        </li>
+      </ul>
+      <ul>
+        <li class="enabled">
+          <a id="editAQL" class="headerButton">
+            <span class="icon_arangodb_checklist" title="Edit custom Queries"></span>
+          </a>
+        </li>
+      </ul>
     </div>
     <a class="arangoHeader">AQL Editor</a>
   </div>