message page style fixes

old-ui/app/components/binary-renderer.js

@@ -17,7 +17,7 @@ BinaryRenderer.prototype.render = function () {
   const text = this.hexToText(value)
 
   const defaultStyle = extend({
-    width: '315px',
+    width: '100%',
     maxHeight: '210px',
     resize: 'none',
     border: 'none',

old-ui/app/components/pending-msg-details.js

@@ -24,7 +24,7 @@ PendingMsgDetails.prototype.render = function () {
     h('div', {
       key: msgData.id,
       style: {
-        margin: '10px 20px',
+        margin: '10px 0px',
       },
     }, [
 
@@ -37,7 +37,11 @@ PendingMsgDetails.prototype.render = function () {
       }),
 
       // message data
-      h('.tx-data.flex-column.flex-justify-center.flex-grow.select-none', [
+      h('.tx-data.flex-column.flex-justify-center.flex-grow.select-none', {
+        style: {
+          margin: '0 30px'
+        }
+      }, [
         h('.flex-column.flex-space-between', [
           h('label.font-small', 'MESSAGE'),
           h('span.font-small', msgParams.data),

old-ui/app/components/pending-msg.js

@@ -18,9 +18,6 @@ PendingMsg.prototype.render = function () {
 
     h('div', {
       key: msgData.id,
-      style: {
-        maxWidth: '350px',
-      },
     }, [
 
       // header
@@ -33,7 +30,8 @@ PendingMsg.prototype.render = function () {
 
       h('.error', {
         style: {
-          margin: '10px',
+          margin: '30px',
+          width: 'auto',
         },
       }, [
         `Signing this message can have
@@ -46,8 +44,14 @@ PendingMsg.prototype.render = function () {
       h(PendingTxDetails, state),
 
       // sign + cancel
-      h('.flex-row.flex-space-around', [
-        h('button', {
+      h('.flex-row.flex-space-around', {
+        style: {
+          marginRight: '30px',
+          float: 'right',
+          display: 'block',
+        }
+      }, [
+        h('button.btn-violet', {
           onClick: state.cancelMessage,
         }, 'Cancel'),
         h('button', {
@@ -58,4 +62,3 @@ PendingMsg.prototype.render = function () {
 
   )
 }
-

old-ui/app/components/pending-personal-msg-details.js

@@ -27,7 +27,7 @@ PendingMsgDetails.prototype.render = function () {
     h('div', {
       key: msgData.id,
       style: {
-        margin: '10px 20px',
+        margin: '10px 0px',
       },
     }, [
 
@@ -43,6 +43,7 @@ PendingMsgDetails.prototype.render = function () {
       h('div', {
         style: {
           height: '260px',
+          margin: '0 30px',
         },
       }, [
         h('label.font-small', { style: { display: 'block' } }, 'MESSAGE'),

old-ui/app/components/pending-personal-msg.js

@@ -32,8 +32,14 @@ PendingMsg.prototype.render = function () {
       h(PendingTxDetails, state),
 
       // sign + cancel
-      h('.flex-row.flex-space-around', [
-        h('button', {
+      h('.flex-row.flex-space-around', {
+        style: {
+          marginRight: '30px',
+          float: 'right',
+          display: 'block',
+        }
+      }, [
+        h('button.btn-violet', {
           onClick: state.cancelPersonalMessage,
         }, 'Cancel'),
         h('button', {
@@ -44,4 +50,3 @@ PendingMsg.prototype.render = function () {
 
   )
 }
-

old-ui/app/components/pending-typed-msg-details.js

@@ -27,7 +27,7 @@ PendingMsgDetails.prototype.render = function () {
     h('div', {
       key: msgData.id,
       style: {
-        margin: '10px 20px',
+        margin: '10px 0px',
       },
     }, [
 
@@ -43,6 +43,7 @@ PendingMsgDetails.prototype.render = function () {
       h('div', {
         style: {
           height: '260px',
+          margin: '0 30px',
         },
       }, [
         h('label.font-small', { style: { display: 'block' } }, 'YOU ARE SIGNING'),

old-ui/app/components/pending-typed-msg.js

@@ -32,8 +32,14 @@ PendingMsg.prototype.render = function () {
       h(PendingTxDetails, state),
 
       // sign + cancel
-      h('.flex-row.flex-space-around', [
-        h('button', {
+      h('.flex-row.flex-space-around', {
+        style: {
+          marginRight: '30px',
+          float: 'right',
+          display: 'block',
+        }
+      }, [
+        h('button.btn-violet', {
           onClick: state.cancelTypedMessage,
         }, 'Cancel'),
         h('button', {

old-ui/app/components/typed-message-renderer.js

@@ -25,7 +25,7 @@ TypedMessageRenderer.prototype.render = function () {
   }
 
   const defaultStyle = extend({
-    width: '315px',
+    width: '100%',
     maxHeight: '210px',
     resize: 'none',
     border: 'none',