css

js/apps/aardvark/frontend/css/collectionView.css

@@ -52,8 +52,7 @@
 }
 
 #change-collection .glyphicon-ban-circle:hover {
-  cursor: default;
-  float: right;
+  cursor: default !important;
 }
 
 #change-collection #collectionEditIndexTable {
@@ -84,3 +83,11 @@
   font-weight: 400;
   color: black;
 }
+
+#newIndexView select {
+  margin-left: -10px;
+}
+
+#newIndexView input[type='checkbox'] {
+  margin-left: -20px;
+}

js/apps/aardvark/frontend/css/collectionsItemView.css

@@ -75,6 +75,10 @@
   cursor: default !important;
 }
 
+.span3 .badge-success {
+  font-weight: 300;
+}
+
 .badge, .label, .btn {
   text-shadow: none !important;
 }

js/apps/aardvark/frontend/css/collectionsView.css

@@ -232,11 +232,13 @@ border-top: 0;
 
 #collectionsDropdown .nav-header, #dashboardDropdown .nav-header, #foxxDropdown .nav-header {
   font-size: 13px;
+  font-weight: 400;
   color: black;
 }
 
 #collectionsDropdown label, #dashboardDropdown label, #foxxDropdown label{
   color: black;
+  font-weight: 300;
 }
 
 #collectionsDropdown ul, #dashboardDropdown ul, #foxxDropdown ul{

js/apps/aardvark/frontend/css/dashboardView.css

@@ -35,6 +35,7 @@
   float:right;
   margin-top: 18px !important;
   margin-right: 10px !important;
+  z-index: 9999 !important;
 }
 
 .db-zoom, .db-minimize, .db-hide, .db-info, #detailReplicationMinimize{
@@ -73,6 +74,7 @@
 
 .statSingleClient {
   height: 400px;
+  padding-bottom: 8px;
   width: auto !important;
   margin-top: 11px;
   margin-left: 5px !important;
@@ -373,8 +375,11 @@ li:hover h6, li.hover h6 {
   background-color: #FFFFFF;
 }
 
+#leftReplicationDiv, #rightReplicationDiv {
+  padding: 20px !important;
+}
+
 #leftReplicationDiv h4, #rightReplicationDiv h4 {
-  padding-left: 5px;
 }
 
 #leftReplicationDiv table, #rightReplicationDiv table {
@@ -396,6 +401,10 @@ li:hover h6, li.hover h6 {
   padding-bottom: 3px;
 }
 
+#leftReplicationDiv table tr:last-child, #rightReplicationDiv table tr:last-child {
+  border-bottom: 0;
+}
+
 #leftReplicationDiv tbody, #rightReplicationDiv tbody {
   background-color: #F9F9F9 !important;
 }
@@ -512,7 +521,6 @@ li:hover h6, li.hover h6 {
   font-weight: 400;
   color: black;
   margin-top: 5px;
-  padding-left: 7px;
   font-size: 15px;
 }
 

js/apps/aardvark/frontend/css/layout.css

@@ -285,3 +285,18 @@ button {
 .arangoicon:hover {
   cursor: pointer !important;
 }
+
+.accordion-group {
+  border: 0;
+}
+
+.accordion-inner {
+  border-top: 0;
+}
+
+.accordion-heading a {
+  border: 1px solid #cccccc;
+  color: black;
+  width: 397px !important;
+  font-weight: 400;
+}

js/apps/aardvark/frontend/css/modal.css

@@ -238,3 +238,13 @@
 .modal-body input[type='checkbox'] {
   margin-bottom: 10px;
 }
+
+#add-collection .glyphicon-info-sign {
+  top: 2px !important;
+  position: relative;
+  margin-left: 20px !important;
+}
+
+#add-collection .accordion {
+  margin-top: 10px;
+}

js/apps/aardvark/frontend/js/templates/newCollectionView.ejs

@@ -19,7 +19,7 @@
             <option value="3">Edge</option>
           </select>
         </th>
-        <th><a class="modalTooltips" title="The type of the collection to create."><i class="icon-info-sign"></i></a></th>
+        <th><a class="modalTooltips" title="The type of the collection to create."><span class="glyphicon glyphicon-info-sign" style="color:black"></a></th>
       </tr>
     </table>
 
@@ -38,7 +38,7 @@
               <tr>
                 <th class="collectionTh">Journal size:</th>
                 <th><input type="text" id="new-collection-size" name="size" value=""/></th>
-                <th><a class="modalTooltips" title="The maximal size of a journal or datafile (in MB). Must be at least 1."><i class="icon-info-sign"></i></a></th>
+                <th><a class="modalTooltips" title="The maximal size of a journal or datafile (in MB). Must be at least 1."><span class="glyphicon glyphicon-info-sign" style="color:black"></span></a></th>
               </tr>
               <tr>
                 <th class="collectionTh">Sync:</th>
@@ -48,7 +48,7 @@
                     <option value="true">Yes</option>
                   </select>
                 </th>
-                <th><a class="modalTooltips" title="Synchronise to disk before returning from a create or update of a document."><i class="icon-info-sign"></i></a></th>
+                <th><a class="modalTooltips" title="Synchronise to disk before returning from a create or update of a document."><span class="glyphicon glyphicon-info-sign" style="color:black"></span></a></th>
               </tr>
             </table>
           </div>

js/apps/aardvark/frontend/js/views/collectionView.js

@@ -20,7 +20,7 @@ var collectionView = Backbone.View.extend({
     this.fillModal();
 
     $('.modalTooltips, .glyphicon-info-sign').tooltip({
-      placement: "top"
+      placement: "left"
     });
 
     $('#collectionTab a').click(function (e) {