fix(dashboard): fix popular app control

src/app/pages/dashboard/popularApp/popularApp.html

@@ -1,5 +1,8 @@
-<div class="popular-app-img">
-  <img ng-src="{{::( 'app/my-app-logo.png' | appImage )}}"/>
+<div class="popular-app-img-container">
+  <div class="popular-app-img">
+    <img ng-src="{{::( 'app/my-app-logo.png' | appImage )}}"/>
+    <span class="logo-text">Super&nbspApp</span>
+  </div>
 </div>
 <div class="popular-app-cost row">
   <div class="col-xs-9">

src/app/theme/theme.constants.js

@@ -7,7 +7,7 @@
 
   var IMAGES_ROOT = 'assets/img/';
 
-  var blurTheme = false;
+  var blurTheme = true;
 
   var basic = {
     default: 'rgba(#000000, 0.2)',

src/sass/theme/dashboard/_popularApp.scss

@@ -3,26 +3,33 @@
     padding: 0;
   }
 
-  .popular-app-img {
+  .popular-app-img-container {
     position: relative;
     padding: 30px 0;
     height: 260px;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px;
-    background: rgba(0, 0, 0, 0.5);
-    img {
-      max-width: 85%;
+    //background: rgba(0, 0, 0, 0.5);
+    .popular-app-img {
+      width: 260px;
       position: absolute;
       transform: translateY(-50%) translate(-50%);
       top: 50%;
       left: 50%;
+
+      .logo-text {
+        display: inline-block;
+        margin: 10px;
+        font-size: 26px;
+        color: $default-text;
+      }
     }
   }
   .popular-app-cost {
     font-size: 20px;
     padding: 20px 22px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
+    border-bottom: 1px solid $border-light;
+    border-top: 1px solid $border-light;
   }
   .popular-app-info {
     padding: 20px 22px;