Merge pull request #1215 from MetaMask/ImprovePersonalSignStyle

Improve personal_sign style

ui/app/components/binary-renderer.js

@@ -2,6 +2,7 @@ const Component = require('react').Component
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
 const ethUtil = require('ethereumjs-util')
+const extend = require('xtend')
 
 module.exports = BinaryRenderer
 
@@ -12,20 +13,22 @@ function BinaryRenderer () {
 
 BinaryRenderer.prototype.render = function () {
   const props = this.props
-  const { value } = props
+  const { value, style } = props
   const text = this.hexToText(value)
 
-  return (
+  const defaultStyle = extend({
-    h('textarea.font-small', {
-      readOnly: true,
-      style: {
     width: '315px',
     maxHeight: '210px',
     resize: 'none',
     border: 'none',
     background: 'white',
     padding: '3px',
-      },
+  }, style)
+
+  return (
+    h('textarea.font-small', {
+      readOnly: true,
+      style: defaultStyle,
       defaultValue: text,
     })
   )

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

@@ -40,9 +40,18 @@ PendingMsgDetails.prototype.render = function () {
       }),
 
       // message data
-      h('div', [
+      h('div', {
+        style: {
+          height: '260px',
+        },
+      }, [
         h('label.font-small', { style: { display: 'block' } }, 'MESSAGE'),
-        h(BinaryRenderer, { value: data }),
+        h(BinaryRenderer, {
+          value: data,
+          style: {
+            height: '215px',
+          },
+        }),
       ]),
 
     ])