From a637c1b61d24ab94f50a7dd28ec6ed5463e872a5 Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Tue, 11 Oct 2016 15:36:28 -0400
Subject: [PATCH] add single-line item style

---
 src/sass/views/includes/txp-details.scss | 13 ++++++++++++-
 www/views/modals/txp-details.html        | 12 ++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/sass/views/includes/txp-details.scss b/src/sass/views/includes/txp-details.scss
index 17b4b1095..db0fe7245 100644
--- a/src/sass/views/includes/txp-details.scss
+++ b/src/sass/views/includes/txp-details.scss
@@ -49,11 +49,22 @@
       border-color: $item-border-color;
       padding: $item-vertical-padding $item-lateral-padding;
 
-      &__label {
+      .label {
         font-size: 14px;
         color: $item-label-color;
         margin-bottom: 8px;
       }
+
+      &.single-line {
+        display: flex;
+        align-items: center;
+        padding: 17px $item-lateral-padding;
+
+        .label {
+          margin: 0;
+          flex-grow: 1;
+        }
+      }
     }
     .payment-proposal-to {
       width: 100%;
diff --git a/www/views/modals/txp-details.html b/www/views/modals/txp-details.html
index 066ed96a1..f95d2b743 100644
--- a/www/views/modals/txp-details.html
+++ b/www/views/modals/txp-details.html
@@ -51,7 +51,7 @@
 
       <div class="info">
         <div class="item">
-          <span class="item__label" translate>To</span>
+          <span class="label" translate>To</span>
           <span class="payment-proposal-to" copy-to-clipboard="tx.toAddress">
             <img src="img/icon-bitcoin-small.svg">
             <contact ng-if="!tx.hasMultiplesOutputs" class="ellipsis" address="{{tx.toAddress}}"></contact>
@@ -72,7 +72,7 @@
         </div>
 
         <div class="item">
-          <span class="item__label" translate>From</span>
+          <span class="label" translate>From</span>
           <div class="wallet">
             <i class="icon big-icon-svg">
               <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
@@ -80,8 +80,8 @@
             <div>{{wallet.name}}</div>
           </div>
         </div>
-        <div class="item">
-          <span class="item__label" translate>Created by</span>
+        <div class="item single-line">
+          <span class="label" translate>Created by</span>
           <span class="item-note">
             {{tx.creatorName}} <time>{{ (tx.ts || tx.createdOn ) * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}</time>
           </span>
@@ -92,8 +92,8 @@
             {{tx.message}}
           </span>
         </div>
-        <div class="item">
-          <span class="item__label" translate>Fee</span>
+        <div class="item single-line">
+          <span class="label" translate>Fee</span>
           <span class="item-note">
             {{tx.feeStr}}
           </span>