put wallet icon

public/views/includes/sidebar.html

@@ -11,15 +11,17 @@
     class="nav-item">
     <a ng-click="sidebar.switchWallet(item.id, index.walletId)" class="oh">
       <div class="avatar-wallet"
-        ng-style="{'background-color':item.color}">{{(item.name || item.id) | limitTo: 1}}</div>
+        ng-style="{'background-color':item.color}">
+        <i class="icon-wallet size-21"></i>
+      </div>
       <div class="name-wallet" ng-class="{'m8t':item.n == 1}">{{item.name || item.id}}</div>
       <div class="size-12" ng-show="item.n > 1" translate>{{item.m}}-of-{{item.n}}</div>
     </a>
     </li>
     <li>
       <a ng-click="$root.go('add')" class="oh">
-        <i class="icon-arrow-right3 size-18 right m10t"></i>
-        <i class="fi-plus size-24 icon"></i>
+        <i class="icon-arrow-right3 size-18 right m10t vm"></i>
+        <i class="fi-plus size-24 icon vm"></i>
         <div class="tu text-bold">
           <span class="size-12" translate>Add wallet</span>
         </div>
@@ -28,8 +30,8 @@
     </li>
     <li ng-show="index.glideraEnabled">
       <a ng-click="$root.go('glidera')" class="oh">
-        <i class="icon-arrow-right3 size-18 right m10t"></i>
-        <i class="icon-bank size-24 icon"></i>
+        <i class="icon-arrow-right3 size-18 right m10t vm"></i>
+        <i class="icon-bank size-24 icon vm"></i>
         <div class="tu text-bold">
           <span class="size-12" translate>Buy &amp; Sell Bitcoin</span>
         </div>
@@ -38,8 +40,8 @@
     </li>
     <li>
       <a ng-click="$root.go('preferencesGlobal')" class="oh">
-        <i class="icon-arrow-right3 size-18 right m10t"></i>
-        <i class="fi-widget size-24 icon"></i>
+        <i class="icon-arrow-right3 size-18 right m10t vm"></i>
+        <i class="fi-widget size-24 icon vm"></i>
         <div class="tu text-bold">
           <span class="size-12" translate>Settings</span>
         </div>

public/views/modals/destination-address.html

@@ -62,7 +62,9 @@
           <li class="line-b" ng-repeat="w in wallets">
           <a ng-click="selectWallet(w.id, w.name)" class="db oh">
             <div class="avatar-wallet"
-              ng-style="{'background-color':w.color}">{{(w.name || w.id) | limitTo: 1}}</div>
+              ng-style="{'background-color':w.color}">
+              <i class="icon-wallet size-21 vt"></i>
+            </div>
             <div class="ellipsis name-wallet text-bold">{{w.name || w.id}}</div>
             <div class="size-12">{{w.m}} of {{w.n}}
               <span ng-show="w.network=='testnet'">[Testnet]</span>

public/views/modals/glidera-wallets.html

@@ -28,7 +28,9 @@
     <li class="line-b" ng-repeat="w in wallets">
     <a ng-click="selectWallet(w.id, w.name)" class="db oh">
       <div class="avatar-wallet"
-        ng-style="{'background-color':w.color}">{{(w.name || w.id) | limitTo: 1}}</div>
+        ng-style="{'background-color':w.color}">
+        <i class="icon-wallet size-21"></i>
+      </div>
       <div class="ellipsis name-wallet text-bold">{{w.name || w.id}}</div>
       <div class="size-12">{{w.m}} of {{w.n}}
         <span ng-show="w.network=='testnet'">[Testnet]</span>

public/views/paymentUri.html

@@ -32,7 +32,9 @@
           <li class="panel" ng-repeat="w in wallets">
           <a ng-click="payment.selectWallet(w.id)">
             <div class="avatar-wallet" 
-              ng-style="{'background-color':w.color}">{{(w.name || w.id) | limitTo: 1}}</div>
+              ng-style="{'background-color':w.color}">
+              <i class="icon-wallet size-21"></i>
+            </div>
             <div class="ellipsis">{{w.name || w.id}}</div>
             <div class="size-12">{{w.m}} of {{w.n}} 
               <span ng-show="w.network=='testnet'">[Testnet]</span>

public/views/walletHome.html

@@ -109,7 +109,8 @@
 
         <div class="avatar-name columns line-b">
           <div class="avatar-wallet left"
-            ng-style="{'background-color':index.backgroundColor}">{{ (index.alias || index.walletName) | limitTo: 1}}
+            ng-style="{'background-color':index.backgroundColor}">
+            <i class="icon-wallet size-24"></i>
           </div> 
           <div class="wallet-info">
             <div ng-show="index.isShared">

src/css/main.css

@@ -991,6 +991,16 @@ a.button.postfix {
   padding: 0;
 }
 
+.icon-wallet {
+  vertical-align: top;
+  display: block;
+  margin-top: 7px;  
+}
+
+.walletHome .icon-wallet {
+  display: inline;
+}
+
 .icon-input {
   font-size: 9px;
   color: #fff;
@@ -1043,6 +1053,10 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
 .text-spacing {letter-spacing:2px;}
 .text-capitalize {text-transform: capitalize;}
 
+.payment-uri .panel {
+  line-height: 1.4;
+}
+
 .panel {
   background: #FFFFFF;
   border-radius: 3px;

src/css/mobile.css

@@ -360,7 +360,6 @@ a.missing-copayers {
   width: 35px;
   height: 35px;
   border-radius: 3px;
-  padding: 2px;
 }
 
 .sidebar header {
@@ -406,11 +405,6 @@ a.missing-copayers {
   margin-right: 10px;
 }
 
-.sidebar ul.off-canvas-list li a i {
-  vertical-align: middle;
-  opacity: 0.6;
-}
-
 .sidebar .left-off-canvas-menu {
   background: #E4E8EC;
   line-height: 24px;