Replaced the AppStore with ArangoDB Store. Some minor style fixes

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

@@ -1,7 +1,7 @@
 <script id="modalApplicationMount.ejs" type="text/template">
   <ul id="infoTab" class="nav nav-tabs">
     <li class="active"><a href="#newApp" data-toggle="tab">New App</a></li>
-    <li><a href="#appstore" data-toggle="tab">App Store</a></li>
+    <li><a href="#appstore" data-toggle="tab"><img src="img/arangodblogoAvatar_150.png" alt="ArangoDB" class="tab-icon" />Store</a></li>
     <li><a href="#github" data-toggle="tab">Github</a></li>
     <li><a href="#zip" data-toggle="tab">Zip</a></li>
   </ul>

js/apps/system/aardvark/frontend/scss/_collection.scss

@@ -145,14 +145,6 @@
   border-color: $c-collection-tab-border-bottom $c-collection-tab-border-bottom transparent !important;
 }
 
-#tab-content-collection-info #info,
-#tab-content-collection-info .collection-info-figures,
-#tab-content-collection-info #index {
-  border-top: 1px solid $c-collection-tab-border-bottom !important;
-  margin-left: 0 !important;
-  padding-top: 10px;
-}
-
 #confirmCreateEdge {
   margin-left: 20px;
 }

js/apps/system/aardvark/frontend/scss/_modals.scss

@@ -101,11 +101,12 @@
     margin-left: 10px;
     opacity: .7;
     padding-bottom: 5px;
+
+    &:hover {
+      opacity: 1;
+    }
   }
 
-  .icon-info-sign:hover {
-    opacity: 1;
-  }
 
   .icon_arangodb_info {
     color: $c-neutral-hover;
@@ -113,10 +114,10 @@
     margin-top: -10px;
     position: absolute;
     right: 12px;
-  }
 
-  .icon_arangodb_info:hover {
-    color: $c-black;
+    &:hover {
+      color: $c-black;
+    }
   }
 
   .collapse {
@@ -169,6 +170,12 @@
 
   .tab-content {
     min-height: 200px;
+
+    .tab-pane {
+      border-top: 1px solid $c-collection-tab-border-bottom !important;
+      margin-left: 0 !important;
+      padding-top: 10px;
+    }
   }
 
   .errorMessage {
@@ -179,6 +186,11 @@
     position: absolute;
   }
 
+  .nav img.tab-icon {
+    width: 20px;
+    margin-right: 5px;
+  }
+
 }
 
 .modal-text {

js/apps/system/aardvark/frontend/scss/generated.css

@@ -4447,16 +4447,16 @@ div.breadcrumb a.disabledBread {
     margin-left: 10px;
     opacity: .7;
     padding-bottom: 5px; }
-  .modal-body .icon-info-sign:hover {
-    opacity: 1; }
+    .modal-body .icon-info-sign:hover {
+      opacity: 1; }
   .modal-body .icon_arangodb_info {
     color: #736b68;
     font-size: 18px;
     margin-top: -10px;
     position: absolute;
     right: 12px; }
-  .modal-body .icon_arangodb_info:hover {
-    color: #000; }
+    .modal-body .icon_arangodb_info:hover {
+      color: #000; }
   .modal-body .collapse {
     margin-right: -14px;
     position: relative; }
@@ -4481,12 +4481,19 @@ div.breadcrumb a.disabledBread {
     height: 55px; }
   .modal-body .tab-content {
     min-height: 200px; }
+    .modal-body .tab-content .tab-pane {
+      border-top: 1px solid #888 !important;
+      margin-left: 0 !important;
+      padding-top: 10px; }
   .modal-body .errorMessage {
     color: #f00;
     font-size: 9pt;
     margin-bottom: 5px;
     margin-top: -9px;
     position: absolute; }
+  .modal-body .nav img.tab-icon {
+    width: 20px;
+    margin-right: 5px; }
 
 .modal-text {
   font-weight: 300;
@@ -5772,13 +5779,6 @@ input.gv-radio-button {
   background-color: #fff;
   border-color: #888 #888 transparent !important; }
 
-#tab-content-collection-info #info,
-#tab-content-collection-info .collection-info-figures,
-#tab-content-collection-info #index {
-  border-top: 1px solid #888 !important;
-  margin-left: 0 !important;
-  padding-top: 10px; }
-
 #confirmCreateEdge {
   margin-left: 20px; }