fix: app style

src/components/logo/logo.component.scss

@@ -3,6 +3,7 @@
   vertical-align: middle;
   pointer-events: none;
   background-color: #eee;
+  border-radius: 3px;
 }
 
 .circle {

src/view/app/default/app.component.html

@@ -43,6 +43,7 @@
                 <app-logo
                   [src]="el.icon"
                   [name]="el.name"
+                  [size]="30"
                 >
                 </app-logo>
                 <em class="name" [title]="el.name">{{ el.name }}</em>

src/view/app/default/app.component.scss

@@ -95,6 +95,7 @@ $bg-color: #fbfbfb;
       box-shadow: 0 0 3px #ccc;
 
       a {
+        position: relative;
         display: inline-block;
         font-size: 14px;
         padding: 3px 5px;
@@ -103,9 +104,16 @@ $bg-color: #fbfbfb;
         color: #333;
       }
 
-      .active {
+      .active::after {
+        content: "";
+        position: absolute;
+        bottom: 5px;
+        left: 50%;
+        width: 50%;
+        transform: translateX(-50%);
+        height: 3px;
+        border-radius: 2px;
         background: #20a0ff;
-        color: #fff;
       }
     }
 
@@ -117,7 +125,7 @@ $bg-color: #fbfbfb;
 
     .name {
       display: inline-block;
-      font-size: 16px;
+      font-size: 14px;
       margin-left: 5px;
       width: calc(100% - 50px);
       white-space: nowrap;
@@ -144,6 +152,8 @@ $bg-color: #fbfbfb;
 
     .top {
       padding: 10px;
+      display: flex;
+      align-items: center;
     }
   }