better display at mnemonic backup

public/views/backup.html

@@ -54,7 +54,7 @@
  
   <div ng-show="wordsC.mnemonicWords">
     <div class="row">
-        <div class="m10t oh" ng-init="show=false">
+        <div class="m10t columns" ng-init="show=false">
           <a class="button outline light-gray expand tiny" ng-click="show=!show">
             <i class="fi-widget m3r"></i>
             <span translate ng-hide="show" ng-click="wordsC.done()">Show Wallet Seed</span>
@@ -66,34 +66,39 @@
     </div>
 
 
-    <div class="row" ng-show="show">
+    <div class="row m10t m10b" ng-show="show">
-      <div class="small-centered  text-gray large-centered medium-centered large-8 medium-8 small-10 columns size-14" style="padding:0" translate>
+      <div class="small-centered  text-gray columns size-14 text-center" translate>
-          Your wallet seed:
+          Your Wallet Seed
       </div>
     </div>
 
-    <div class="row enable_text_select" ng-show="show">
+    <div class="row" ng-show="show">
-        <div class="small-centered p10t p10b large-centered medium-centered large-8 medium-8 small-10 columns enable_text_select" style="border:1px solid gray; background:#eee;
+        <div class="columns">
-">
+        <div class="p10 enable_text_select" style="background:#eee">
           <span ng-repeat="word in wordsC.mnemonicWords"><span style="white-space:nowrap">{{word}}</span><span ng-show="index.defaultLanguageIsoCode == 'ja'">&#x3000;</span> </span>  
         </div>
+        </div>
+    </div>
 
-        <div class="box-notification large-centered medium-centered small-centered large-8 medium-8 small-10 columns m10t" ng-show="wordsC.mnemonicHasPassphrase">
+    <div class="row m10t m20b" ng-show="show">
-          <span class="text-warning size-14">
+        <div class="columns" ng-show="wordsC.mnemonicHasPassphrase">
+          <span class="size-12">
             <i class="fi-alert"></i>
             <span translate>
             WARNING: This seed was created with a passphrase. To recover this wallet both the mnemonic and passphrase are needed.
             </span>
           </span>
         </div>
+    </div>
 
-        <div class="m10 text-center columns">
+    <div class="row" ng-show="show">
-          <div class="m10 size-14 text-gray">
+        <div class="m10t text-center columns">
+          <div class="size-12 text-gray">
             <span translate>
               Once you have copy your wallet seed, it is recommended to delete it from this device.
             </span>
           </div>
-          <button class="button outline round dark-gray tiny" ng-click="wordsC.delete()">
+          <button class="button outline m10t round dark-gray tiny" ng-click="wordsC.delete()">
             <i class="fi-trash"></i> 
             <span translate>
               DELETE WORDS
@@ -104,11 +109,13 @@
 
     <!-- hide this in multisig just to show less text -->
     <div class="row m20t"  ng-show="index.n==1">
-      <div class="columns size-14 text-gray">
+      <div class="columns size-12 text-gray">
-        <span translate>You can safely install your wallet on another device and use it from multiple devices at the same time.</span> 
+        <div class="p10t"  style="border-top:1px solid #ccc">
-        <a href="#" ng-click="$root.openExternalLink('https://github.com/bitpay/copay/blob/master/README.md#copay-backups-and-recovery')" translate>
+          <span translate>You can safely install your wallet on another device and use it from multiple devices at the same time.</span> 
-          Learn more about Copay backups
+          <a href="#" ng-click="$root.openExternalLink('https://github.com/bitpay/copay/blob/master/README.md#copay-backups-and-recovery')" translate>
-        </a>
+            Learn more about Copay backups
+          </a>
+        </div>
       </div>
     </div>
 

public/views/modals/paypro.html

@@ -34,9 +34,9 @@
     <li class="line-b p10 oh">
     <span class="text-gray" translate>Certified by</span>:
     <span class="right">
-      <span ng-show="paypro.verified"><i class="fi-lock color-greeni"></i> 
+      <span ng-show="paypro.verified && paypro.chainVerified"><i class="fi-lock color-greeni"></i> 
         {{paypro.verifyData.caName || paypro.verifyData}}</span>
-      <span ng-show="!paypro.verified"><i class="fi-unlock color-yellowi"></i> <span translate>Untrusted</span></span>
+      <span ng-show="!paypro.verified || !paypro.chainVerified"><i class="fi-unlock color-yellowi"></i> <span translate>Unknown Root  or Selfsigned Certificate</span></span>
     </span>
     </li>
     <li class="line-b p10 oh" ng-if="paypro.memo">

public/views/walletHome.html

@@ -335,8 +335,8 @@
 
                 <div class="input block">
                   <input class="p45li" type="text" id="domain" name="domain" ng-model="home._paypro.domain" ng-disabled="1">
-                  <i ng-show="home._paypro.verified" class="fi-lock color-greeni"></i>
+                  <i ng-show="home._paypro.verified && home._paypro.chainVerified" class="fi-lock color-greeni"></i>
-                  <i ng-show="!home._paypro.verified" class="fi-unlock color-yellowi"></i>
+                  <i ng-show="!home._paypro.verified || !home._paypro.chainVerified" class="fi-unlock color-yellowi"></i>
                 </div>
               </div>
             </div>

src/css/main.css

@@ -374,6 +374,7 @@ ul.manage li {
 .m15 {margin: 15px;}
 .m15h {margin: 0 15px;}
 .p10t {padding-top: 10px;}
+.p10h {padding-right: 10px; padding-left: 10px;}
 .p0r {padding-right: 0;}
 .p70r {padding-right: 70px;}
 .p70l {padding-left: 70px;}