diff --git a/css/main.css b/css/main.css
index c107abb29..63dfc2043 100644
--- a/css/main.css
+++ b/css/main.css
@@ -308,5 +308,27 @@ hr { margin: 2.25rem 0;}
   padding: 2.7px;
 }
 
+.tx-copayers {
+  background: #F8F8F8;
+  -moz-box-shadow:    inset 0px 0px 4px 0px rgba(0,0,0,0.05), inset 0px 1px 1px 0px rgba(0,0,0,0.05);
+  box-shadow:         inset 0px 0px 4px 0px rgba(0,0,0,0.05), inset 0px 1px 1px 0px rgba(0,0,0,0.05);
+}
 
+.box-copayers .icon-inactive {
+  color: #4C5B69;
+}
+
+.box-copayers .icon-active {
+  color: #fff;
+}
+
+.box-copayers .icon-active-check {
+  color: #fff;
+  background: #3FBC9C;
+}
+
+.box-copayers .icon-active-x {
+  color: #fff;
+  background: #C0392B;
+}
 
diff --git a/css/tpl-default.css b/css/tpl-default.css
index d4b4b5887..f44f05d32 100644
--- a/css/tpl-default.css
+++ b/css/tpl-default.css
@@ -141,30 +141,6 @@ a.box-backup {
   color:#C0392A;
 }
 
-.tx-copayers {
-  background: #F8F8F8;
-  -moz-box-shadow:    inset 0px 0px 4px 0px rgba(0,0,0,0.05), inset 0px 1px 1px 0px rgba(0,0,0,0.05);
-  box-shadow:         inset 0px 0px 4px 0px rgba(0,0,0,0.05), inset 0px 1px 1px 0px rgba(0,0,0,0.05);
-}
-
-.box-copayers .icon-inactive {
-  color: #4C5B69;
-}
-
-.box-copayers .icon-active {
-  color: #fff;
-}
-
-.box-copayers .icon-active-check {
-  color: #fff;
-  background: #3FBC9C;
-}
-
-.box-copayers .icon-active-x {
-  color: #fff;
-  background: #C0392B;
-}
-
 small.is-valid {
   color: #04B404;
 }
diff --git a/index.html b/index.html
index ec8c250b0..390e19ffc 100644
--- a/index.html
+++ b/index.html
@@ -300,60 +300,36 @@
               </div>
 
               <div class="tx-copayers"> 
-                <div class="box-copayers">
-                  <figure class="left">
-                      <img src="./img/avatar.jpg" alt="" width="200">
-                  </figure>
-                  <div class="box-status">
-                    <i class="fi-crown size-12 icon-inactive icon-status"></i>
-                    <i class="fi-eye size-12 icon-active icon-status"></i>
-                    <i class="fi-check size-12 icon-active-check icon-status"></i>
-                  </div>
-                </div>
 
-                <div class="box-copayers">
+                <div class="box-copayers" ng-repeat="(peer, actions) in tx.peerActions">
                   <figure class="left">
-                      <img src="./img/avatar.jpg" alt="" width="200">
+                    <a href="#/transactions" class="has-tip" tooltip-popup-delay='1000' tooltip="{{peer === $root.wallet.getMyCopayerId() ? 'You' : peer}}">
+                      <img src="./img/satoshi.gif" alt="peer" width="200">
+                    </a>
                   </figure>
                   <div class="box-status">
-                    <i class="fi-crown size-12 icon-inactive icon-status"></i>
-                    <i class="fi-eye size-12 icon-active icon-status"></i>
-                    <i class="fi-check size-12 icon-active-check icon-status"></i>
-                  </div>
-                </div>
-
-                <div class="box-copayers">
-                  <figure class="left">
-                      <img src="./img/avatar.jpg" alt="" width="200">
-                  </figure>
-                  <div class="box-status">
-                    <i class="fi-crown size-12 icon-inactive icon-status"></i>
-                    <i class="fi-eye size-12 icon-active icon-status"></i>
-                    <i class="fi-check size-12 icon-active-check icon-status"></i>
+                    <span ng-repeat="(action, ts) in actions">
+                      <a ng-if="action == 'create'" href="#/transactions" class="has-tip" tooltip-popup-delay='1000' tooltip="Created at {{ts | date:'medium'}}">
+                        <i class="fi-crown size-12 icon-status icon-active"></i>
+                      </a>
+                      <a ng-if="action == 'seen'" href="#/transactions" class="has-tip" tooltip-popup-delay='1000' tooltip="Seen at {{ts | date:'medium'}}">
+                        <i class="fi-eye size-12 icon-status icon-active"></i>
+                      </a>
+                      <a ng-if="action == 'sign'" href="#/transactions" class="has-tip" tooltip-popup-delay='1000' tooltip="Signed at {{ts | date:'medium'}}">
+                        <i class="fi-check size-12 icon-status icon-active-check"></i>
+                      </a>
+                      <a ng-if="action == 'rejected'" href="#/transactions" class="has-tip" tooltip-popup-delay='1000' tooltip="Rejected at {{ts | date:'medium'}}">
+                        <i class="fi-check size-12 icon-status icon-active-x"></i>
+                      </a>
+                    </span>
                   </div>
                 </div>
+                
                 <small class="right text-gray"> 
                   Fee: <strong> <i class="fi-bitcoin"></i> {{tx.fee}}  </strong>
                   <strong> Proposal ID: </strong> {{tx.ntxid}} 
                 </small>
-                <!-- 
-                    <table>
-                      <tr ng-repeat="(peer, actions) in tx.peerActions">
-                        <td colspan="3">
-                            <span ng-if="peer === $root.wallet.getMyCopayerId()"> You</span>
-                             {{peer}}
-
-                            <span ng-repeat="(action, ts) in actions">
-                              <span ng-if="action == 'create'" title="{{ts | date:'medium'}}" class="fi-page-add size-18 right m10h"></span>
-                              <span ng-if="action == 'seen'" title="{{ts | date:'medium'}}" class="fi-eye size-18 right m10h"> </span>
-                              <span ng-if="action == 'sign'" title="{{ts | date:'medium'}}" class="fi-check size-18 right m10h"> </span>
-                              <span ng-if="action == 'rejected'" title="{{ts | date:'medium'}}" class="fi-x size-18 right m10h" style="color:red"> </span>
-
-                              <a title="{{ts | date:'medium'}}"></a>
-                            </span>
-                        </td>
-                    </table>
-                 -->
+                 
               </div>
 
               <div class="txbottom">