diff --git a/css/src/main.css b/css/src/main.css
index 9a237e42a..fc7ce92b0 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -446,7 +446,6 @@ ul.tx-copayers {
 }
 
 .last-transactions-header {
-  border-radius: 3px 3px 0 0;
   background: #2C3E50;
   padding: 0.6rem;
   color: #fff;
@@ -456,11 +455,12 @@ ul.tx-copayers {
 }
 
 .last-transactions-content {
-  padding: 0.8rem 0.8rem 0;
+  padding: 0.8rem 0.8rem;
   color: #7A8C9E;
 }
 
 .last-transactions-footer {
+  background: #E4E8EC;
   padding: 0.8rem;
   overflow: hidden;
 }
@@ -487,6 +487,13 @@ ul.tx-copayers {
   color: #fff;
 }
 
+.sign-action {
+  background: #E4E8EC;
+  width: 100%;
+  padding: 1rem;
+  text-align: center;
+}
+
 .icon-sign {
   padding: 0.2rem 0.3rem;
   border-radius: 100%;
diff --git a/css/src/mobile.css b/css/src/mobile.css
index 300d373d8..9c42e6f76 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -116,6 +116,10 @@
     display: none;
   }
 
+  .reveal-modal, dialog {
+    padding: 0;
+  }
+
 
   .tab-bar h1 {
     font-weight: 100;
diff --git a/views/includes/transaction.html b/views/includes/transaction.html
index 0d5224d10..8abef5fb2 100644
--- a/views/includes/transaction.html
+++ b/views/includes/transaction.html
@@ -1,4 +1,4 @@
-<div class="last-transactions-header row collapse" ng-init="txIndex = $index"   ng-click="openTxModal(tx)">
+<div class="last-transactions-header row collapse show-for-large-up" ng-init="txIndex = $index">
   <div class="large-9 small-7 columns size-14">
     <div ng-show="tx.comment">
       <i class="fi-comment-quotes size-18 vm"></i> 
@@ -10,7 +10,7 @@
   </div>
 </div>
 
-<div class="last-transactions-content">
+<div class="last-transactions-content" ng-click="openTxModal(tx)">
   <div class="row" ng-repeat="out in tx.outs">
     <div class="large-5 medium-5 small-6 columns size-14">
       <b>{{out.value}} {{$root.wallet.settings.unitName}}</b>
@@ -32,8 +32,7 @@
   </div>
 </div>
 
-
-<div class="last-transactions-footer" ng-init="myId = $root.wallet.getMyCopayerId()">
+<div class="p10 line-t show-for-large-up" ng-init="myId = $root.wallet.getMyCopayerId()">
   <div class="row collapse">
     <div class="small-12 columns" ng-show="!tx.sentTs">
       <div ng-show="tx.signedBy[myId]">
@@ -66,13 +65,29 @@
           <span translate>Broadcast Transaction</span>
         </button>
       </div>
+      <div class="row collapse right show-for-large-up" ng-click="openTxModal(tx)">
+        <div class="text-gray text-center m10t size-12">
+          <span ng-click="tx.showDetails = !tx.showDetails">
+            <span ng-show="!tx.finallyRejected && tx.missingSignatures==1">
+              One signature missing
+              <i class="icon-arrow-right2 size-18"></i>
+            </span> 
+            <span ng-show="!tx.finallyRejected && tx.missingSignatures>1"> 
+              {{tx.missingSignatures}} signatures missing
+              <i class="icon-arrow-right2 size-18"></i>
+            </span> 
+            <span ng-show="!tx.finallyRejected && tx.missingSignatures==0">
+              Copayers
+              <i class="icon-arrow-right2 size-18"></i>
+            </span>
+          </span>
+        </div>
+      </div>
     </div>
-
   </div>
-
 </div>
 
-<div class="row collapse">
+<div class="row collapse last-transactions-footer hide-for-large-up size-12" ng-click="openTxModal(tx)">
   <div class="small-12 small text-gray text-center">
     <span ng-click="tx.showDetails = !tx.showDetails">
   <span ng-show="!tx.finallyRejected && tx.missingSignatures==1">
diff --git a/views/modals/txp-details.html b/views/modals/txp-details.html
index 0fc21650f..d3d9609b3 100644
--- a/views/modals/txp-details.html
+++ b/views/modals/txp-details.html
@@ -1,44 +1,55 @@
 
 <a class="close-reveal-modal" ng-click="cancel()">&#215;</a>
 
-  <h1 class="m30v">Transaction Proposal Details</h1>
+<div class="last-transactions-header row collapse" ng-init="txIndex = $index" ng-show="tx.comment">
+  <i class="fi-comment-quotes size-18 vm"></i> 
+  <span class="text-light">{{tx.comment}}</span>
+</div>
 
-  <div class="row" ng-repeat="out in tx.outs">
-    <div class="large-5 medium-5 small-6 columns size-14">
-      <b>{{out.value}} {{$root.wallet.settings.unitName}}</b>
-      <span ng-show="out.alternativeAmount" class="alt-currency gray">
-        {{out.alternativeAmount}} {{out.alternativeIsoCode}}
+<div class="sign-action">
+  <div ng-show="tx.signedBy[myId]">
+    <button class="secondary left m10r tiny m0 radius" ng-disabled="true"> <i class="fi-check icon-sign check"></i>
+      <span translate>Signed by me</span>
+    </button>
+  </div>
+  <div ng-show="tx.rejectedBy[myId]">
+    <button class="warning left m10r tiny m0 radius" ng-disabled="true"> <i class="fi-x icon-sign x"></i>
+      <span translate>Rejected by me</span>
+    </button>
+  </div>
+</div>
+
+<div ng-if="tx.createdTs " class="p15 line-b size-10">
+  <time class="left"> <span>{{tx.createdTs | amCalendar}}</span></time>
+  [<time class="right">{{tx.createdTs | amTimeAgo}}</time>]
+</div>
+
+<div class="text-center p15 m10t line-b" ng-repeat="out in tx.outs">
+  <div class="size-18 m10b">
+    <b>{{out.value}} {{$root.wallet.settings.unitName}}</b>
+    <span ng-show="out.alternativeAmount" class="alt-currency gray">
+      {{out.alternativeAmount}} {{out.alternativeIsoCode}}
+    </span>
+  </div>
+  <i class="fi-arrow-down m10b db"></i>
+  <div class="size-12 m20b">
+      <div ng-if="tx.merchant" class="ellipsis">
+      <span ng-show="tx.merchant.pr.ca"><i class="fi-lock color-greeni"></i> {{tx.merchant.domain}}</span>
+      <span ng-show="!tx.merchant.pr.ca"><i class="fi-unlock color-yellowi"></i> {{tx.merchant.domain}}</span>
       </span>
     </div>
-    <div class="large-2 medium-2 small-1 columns text-center">
-      <i class="fi-arrow-right"></i>
-    </div>
-    <div class="large-5 medium m0-5 small-5 columns ellipsis size-12">
-      <div ng-if="tx.merchant">
-        <span ng-show="tx.merchant.pr.ca"><i class="fi-lock color-greeni"></i> {{tx.merchant.domain}}</span>
-        <span ng-show="!tx.merchant.pr.ca"><i class="fi-unlock color-yellowi"></i> {{tx.merchant.domain}}</span>
-        </span>
-      </div>
-      <contact address="{{out.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right" ng-hide="tx.merchant" />
-    </div>
+    <contact address="{{out.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right" ng-hide="tx.merchant" />
+  </div>
+</div>
 
-  <div class="text-light size-14">{{tx.comment}}</div>
-
-  <div class="line-b m10t"></div>
-
-  <div ng-if="tx.merchant" class="m20v">
+  <div ng-if="tx.merchant" class="p15 line-b">
     {{tx.merchant.pr.pd.memo}}
+    <div ng-if="tx.merchant && tx.merchant.expirationDate" class="m10v">
+      <i>Expires</i>: {{tx.merchant.expirationDate | amTimeAgo }}
+    </div>
   </div>
 
 
-
-  <div ng-if="tx.createdTs " class="m10v">
-    <i translate>Date:</i>
-    <time> <span>{{  tx.createdTs | amCalendar}}</span></time>
-
-    [<time>{{ tx.createdTs  | amTimeAgo}}</time>]
-  </div>
-
   <div ng-if="tx.addressTo" class="m10v">
     <span class="ellipsis">
       <i>To:</i>
@@ -53,12 +64,9 @@
     </span>
   </div>
 
-  <div ng-if="tx.merchant && tx.merchant.expirationDate" class="m10v">
-    <i>Expires</i>: {{tx.merchant.expirationDate | amTimeAgo }}
-  </div>
 
 
-  <div ng-if="tx.actionList[0]" class="m10v">
+  <div ng-if="tx.actionList[0]" class="p15">
     <i>Signatures</i>
     <ul class="tx-copayers m10t" ng-if="tx.actionList[0]">
       <li ng-repeat="c in tx.actionList" ng-class="{'bottom-line-copayers':!$last}">
@@ -74,6 +82,5 @@
       </li>
     </ul>
   </div>
-</div>