fix style on sidebar

css/src/mobile.css

@@ -105,6 +105,14 @@
     width: 100%;
   }
 
+  .col2 {
+    width: 180px;
+  }
+
+  .col2 a.wallet-item {
+    padding: 0.15rem 0 0.3rem;
+  }
+
   .col3 a {
     height: 45px;
     padding: 12px 5px;
@@ -133,9 +141,11 @@
   }
 
   .avatar-wallet {
+    background-color: #1ABC9C;
+    color: #fff;
     margin-top: 5px;
     margin-left: 5px;
-    margin-right: 5px;
+    margin-right: 13px;
     padding: 0.35rem 0.65rem;
   }
 
@@ -259,6 +269,12 @@
     background: #E4E8EC;
   }
 
+  .sidebar-mobile-wallets li {
+    overflow: hidden;
+    padding:0.4rem;
+    border-bottom: 1px solid #DDE2E7;
+  }
+
   .sidebar-mobile-wallets li.nav-item.selected {
     background-color: #CED5DC;
   } 
@@ -291,16 +307,21 @@
     -webkit-tap-highlight-color:rgba(0,0,0,0);
   }
 
-  .button-addwallet a {
+  a.button-addwallet {
     background: #D8DEE3;
     border-radius: 4px;
     color: #7A8C9E;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 12px;
+    padding: 0.8rem;
+    width: 80%;
+    display: block;
+    margin: 20px;
+    text-align: center;
   }
 
-  .button-addwallet a i {
+  a.button-addwallet i {
     background-color: #7A8C9E;
     color: #D8DEE3;
     border-radius: 100%;

views/includes/sidebar-mobile.html

@@ -2,7 +2,7 @@
   <div class="photo-container left">
     <img gravatar-src="'{{$root.iden.getName()}}'" gravatar-size="35">
   </div>
-  <div class="left m10t">
+  <div class="left m5t">
     <div class="text-white">{{$root.iden.getName()}}</div>
     <div class="text-gray size-10"> {{'View My Profile' | translate }} </div>
   </div>
@@ -39,7 +39,7 @@
       </li> 
     </ul>
 
-    <a class="button gray expand" title="Add wallet" ng-click="$root.go('add')">
+    <a class="button-addwallet" title="Add wallet" ng-click="$root.go('add')">
       <i class="fi-plus"></i> Add wallet
     </a>