fix head

css/src/main.css

@@ -142,15 +142,11 @@ header .alt-currency {
   right: 0;
 }
 
-.head .title {
+.head .founds {
   float: left;
   padding-left: 2rem;
 }
 
-.head .title h1 {
-  margin: 0;
-}
-
 .head .menu {
   float: right;
   position: relative;
@@ -267,7 +263,6 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
   padding: 0.5rem 0.65rem;
   background-color: #fff;
   color: #1ABC9C;
-  border-radius: 3px;
   line-height: 24px;
   text-align: center;
 }
@@ -671,11 +666,8 @@ a.button-setup {
 
 .name-wallet {
   font-size: 14px;
-  width: 72%;
-  float: left;
   color: #fff;
-  text-transform: lowercase;
-  font-weight: 500;
+  font-weight: 700;
 }
 
 .name-wallet i {
@@ -689,16 +681,15 @@ a.button-setup {
 }
 
 .founds {
-  font-weight: 100;
-  color: #B6E9DF;
+  font-size: 20px;
+  color: #7A8C9E;
+  font-weight: 700;
 }
 
 .locked {
   font-size: 11px;
-  background-color: #213140;
-  width: 100%;
-  padding: 0.3rem 0.7rem;
-  color: white;
+  margin-top: 0.2rem;
+  color: #7A8C9E;
 }
 
 .hidden {
@@ -1112,7 +1103,7 @@ ul.wallet-selection.wallets {
 }
 
 .side-nav.wallets li {
-  margin: 1.2rem 0;
+  margin: 0.8rem 0;
   padding: 0.3rem 0.1rem;
 }
 

css/src/mobile.css

@@ -154,7 +154,6 @@
   }
 
   ul.off-canvas-list li a {
-    text-transform: uppercase;
     font-size: 12px;
     vertical-align: middle;
     font-weight: 100;

views/includes/head.html

@@ -1,15 +1,22 @@
-<div class="title">
-  <h1>
-    {{$root.title}} 
-    <small ng-if="$root.wallet">
-      <a class="text-gray" ng-click="refresh()" ng-if="$root.wallet.isComplete() && !$root.updatingBalance">
-        <i class="fi-refresh"></i>
-      </a>
-      <span ng-if="$root.updatingBalance">
-        <i class="fi-bitcoin-circle icon-rotate spinner"></i>
-      </span>
-    </small>
-  </h1> 
+<div class="founds">
+  <span ng-if="!$root.wallet.isComplete()">Waiting for copayers...</span>
+  <div ng-if="$root.wallet.isComplete()">
+    <span ng-if="$root.wallet.balanceInfo.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
+    <div ng-if="$root.wallet && !$root.wallet.balanceInfo.updatingBalance" data-options="disable_for_touch:true">
+      <small class="db text-light">Balance:</small>
+      <b class="m5r">{{$root.wallet.balanceInfo.totalBalance || 0}} {{$root.wallet.settings.unitName}}</b>
+      <span ng-if="$root.wallet.balanceInfo.alternativeBalanceAvailable" class="alt-currency gray">{{$root.wallet.balanceInfo.totalBalanceAlternative}} {{$root.wallet.balanceInfo.alternativeIsoCode}}</span>
+      <span ng-if="!$root.wallet.balanceInfo.alternativeBalanceAvailable" class="alt-currency gray">N/A</span>
+      <small ng-if="$root.wallet">
+        <a class="text-gray" ng-click="refresh()" ng-if="$root.wallet.isComplete() && !$root.updatingBalance">
+          <i class="fi-refresh"></i>
+        </a>
+        <span ng-if="$root.updatingBalance">
+          <i class="fi-bitcoin-circle icon-rotate spinner"></i>
+        </span>
+      </small>
+    </div> 
+  </div>
 </div>