Merge pull request #1254 from bechi/bugs/ui

Bugs/ui

css/src/main.css

@@ -53,19 +53,19 @@
 }
 
 ::-webkit-input-placeholder {
-   color: #7A8C9E;
+   color: #4D657C;
 }
 
 :-moz-placeholder { /* Firefox 18- */
-   color: #7A8C9E;
+   color: #4D657C;
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
-   color: #7A8C9E;
+   color: #4D657C;
 }
 
 :-ms-input-placeholder {  
-   color: #7A8C9E;
+   color: #4D657C;
 }
 
 #qr-canvas { display: none; }
@@ -167,7 +167,7 @@ a:hover {
   -moz-box-shadow:    inset 0px 0px 3px 0px rgba(0,0,0,0.10) !important;
   box-shadow:         inset 0px 0px 3px 0px rgba(0,0,0,0.10) !important;
   border: 0 !important;
-  color: #7A8C9E !important;
+  color: #fff !important;
 }
 
 .open select, 
@@ -177,7 +177,7 @@ a:hover {
 .settings select {
   background: #2C3E50 !important;
   border: 0 !important;
-  color: #7A8C9E !important;
+  color: #fff !important;
 }
 
 .page, .main {
@@ -1110,6 +1110,7 @@ a.text-warning:hover {color: #FD7262;}
   float: left;
   margin-left: 2rem;
   overflow-wrap: break-word;
+  word-wrap: break-word;
   width: 55%;
   text-align: left;
 }

css/src/mobile.css

@@ -127,5 +127,10 @@
     display: none;
   }
 
+  .addresses .list-addr contact {
+    margin-left: 0;
+    font-size: 14px;
+  }
+
 }
 

views/addresses.html

@@ -8,21 +8,24 @@
     <div class="large-12 medium-12" ng-if="!!(addresses|removeEmpty).length">
       <div class="large-12 medium-12" ng-init="showAll=0">
         <ul>
-          <li class="panel radius oh" ng-repeat="addr in addresses|removeEmpty|limitAddress:showAll">
+          <li class="panel radius oh" ng-repeat="addr in addresses|removeEmpty|limitAddress:showAll" ng-click="openAddressModal(addr)">
 
-            <div class="large-8 small-6 column">
+            <div class="large-10 medium-9 small-8 column" >
               <div class="ellipsis list-addr">
-                <i class="fi-thumbnails size-48" ng-click="openAddressModal(addr)">&nbsp;</i>
-                <span><contact address="{{addr.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right"/></span>
+                <i class="fi-thumbnails size-48 show-for-large-up">&nbsp;</i>
+                <span>
+                  <contact address="{{addr.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right"/>
+                </span>
+                <span class="btn-copy" clip-copy="addr.address"> </span>
                 <small class="label" ng-if="addr.isChange">change</small>
               </div>
             </div>
             
-            <div class="large-4 small-6 column text-right">
+            <div class="large-2 medium-3 small-4 column text-right">
               <span ng-if="$root.updatingBalance">
                 <i class="fi-bitcoin-circle icon-rotate spinner"></i>
               </span>
-              <span ng-if="!$root.updatingBalance">
+              <span class="size-12" ng-if="!$root.updatingBalance">
                 {{addr.balance || 0|noFractionNumber}} {{$root.unitName}}
               </span>
             </div>

views/includes/copayer.html

@@ -15,7 +15,7 @@
     </div>
 
     <div class="success label m10t" ng-show="isBackupReady(copayer)">
-      Backup ready
+       Ready
     </div>
   </div>
 </div>