style: improve design and add logo

- show data icons in thumbnails in data list items
- add app logo
- fix various visibility issues

src/app/modules/menu/navigation/navigation.html

@@ -5,7 +5,10 @@
         <ion-buttons slot="start">
           <ion-back-button></ion-back-button>
         </ion-buttons>
-        <ion-title>StApps</ion-title>
+        <ion-title>
+          <img src="assets/imgs/logo.png" />
+          <span class="text">StApps</span>
+        </ion-title>
       </ion-toolbar>
     </ion-header>
     <ion-content>
@@ -25,7 +28,7 @@
           </ion-item>
         </ion-menu-toggle>
       </ion-list>
-    </ion-content>  
+    </ion-content>
   </ion-menu>
   <ion-router-outlet id="main"></ion-router-outlet>
 </ion-split-pane>

src/app/modules/menu/navigation/navigation.scss

@@ -1,3 +1,11 @@
-stapps-navigation {
-
+ion-title {
+  span.text {
+    vertical-align: middle;
+    font-size: 20px;
+    padding-left: 5px;
+  }
+  img {
+    height: 25px;
+    vertical-align: middle
+  }
 }