add circle on nav bar

public/views/includes/menu-item.html

@@ -1,10 +1,11 @@
 <a  ng-click="index.setTab(item, false, 0, true)" 
     ng-style="{'color': index.tab == item.link ? index.backgroundColor : '#4B6178'}" id="menu-{{item.link}}">
-    <i class="size-18 {{item.icon}} db"></i>
+    <i class="size-18 {{item.icon}} db" ng-class="{ 'icon-activity': item.link=='walletHome' }"></i>
-    <div class="size-10 tu">
+    <div class="size-10 tu" ng-class="{ 'name-activity': item.link=='walletHome' }">
         {{ item.title|translate }}
         <span class="label alert round" ng-if="item.link=='walletHome' && index.pendingTxProposalsCountForUs > 0">
             {{ index.pendingTxProposalsCountForUs }}
         </span>
+        <span class="menu-activity hide-for-large-only" ng-if="item.link=='walletHome'">
     </div>
 </a>

src/css/mobile.css

@@ -172,6 +172,34 @@ _:-ms-fullscreen, :root .main {
     padding-top: 1rem !important;
 }
 
+.menu-activity {
+  background-image: linear-gradient(-180deg, #F1F3F5 0%, #FFFFFF 40%);
+  box-shadow: 0px -1px 0px 0px rgba(165,178,191,0.35);
+  width: 100%;
+  height: 8rem;
+  position: absolute;
+  top: -15px;
+  margin-left: auto;
+  margin-right: auto;
+  left:0;
+  right:0;
+  border-radius: 100%;
+  z-index: -999;
+}
+
+.icon-activity  {
+  font-size: 28px;
+  position: absolute;
+  display: block;
+  left: 0;
+  right: 0;
+  top: -4px;
+}
+
+.name-activity {
+  margin-top: 18px;
+}
+
 .amount {
   width: 100%;
   text-align: center;
@@ -823,6 +851,10 @@ textarea:focus
   text-align: center;
 }
 
+.test {
+  background: red;
+}
+
 
 .create-tab a {
   font-size: .7rem;