From 4ec97ad0030575bd3cb82f32b1312c5e43213f16 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Fri, 31 Aug 2018 22:26:28 +0200
Subject: [PATCH] Fixed passphrase modal after delete of global styles

---
 src/components/inputs/PinInput/index.js              | 1 +
 src/components/modals/passphrase/Passphrase/index.js | 5 +++--
 src/components/modals/pin/Pin/index.js               | 6 ++++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/inputs/PinInput/index.js b/src/components/inputs/PinInput/index.js
index a271f810..c4290a9a 100644
--- a/src/components/inputs/PinInput/index.js
+++ b/src/components/inputs/PinInput/index.js
@@ -12,6 +12,7 @@ const Wrapper = styled.div`
 
 const StyledInput = styled.input`
     letter-spacing: 7px;
+    width: 100%;
     font-weight: ${FONT_WEIGHT.BIGGER};
     font-size: ${FONT_SIZE.BIGGER};
     padding: 5px 31px 10px 20px;
diff --git a/src/components/modals/passphrase/Passphrase/index.js b/src/components/modals/passphrase/Passphrase/index.js
index 7a18d0cd..4948e08e 100644
--- a/src/components/modals/passphrase/Passphrase/index.js
+++ b/src/components/modals/passphrase/Passphrase/index.js
@@ -15,6 +15,7 @@ import type { Props } from './index';
 
 const Wrapper = styled.div`
     padding: 24px 48px;
+    max-width: 390px;
 `;
 
 const Label = styled.div`
@@ -272,8 +273,8 @@ export default class PinModal extends Component<Props, State> {
         console.log('passphraseInputType', passphraseInputType);
         return (
             <Wrapper>
-                <H2>Enter { deviceLabel } passphrase</H2>
-                <P isSmaller>Note that passphrase is case-sensitive.</P>
+                {/* ?<H2>Enter { deviceLabel } passphrase</H2> */}
+                {/* <P isSmaller>Note that passphrase is case-sensitive.</P> */}
                 <Row>
                     <Label>Passphrase</Label>
                     <Input
diff --git a/src/components/modals/pin/Pin/index.js b/src/components/modals/pin/Pin/index.js
index ae35601e..b9d15591 100644
--- a/src/components/modals/pin/Pin/index.js
+++ b/src/components/modals/pin/Pin/index.js
@@ -20,6 +20,7 @@ const Wrapper = styled.div`
 
 const InputRow = styled.div`
     margin-top: 24px;
+    max-width: 260px;
 `;
 
 const PinRow = styled.div``;
@@ -140,7 +141,7 @@ class Pin extends Component<Props, State> {
         return (
             <Wrapper className="pin">
                 <H2>Enter { device.label } PIN</H2>
-                <P>The PIN layout is displayed on your TREZOR.</P>
+                <P isSmaller>The PIN layout is displayed on your TREZOR.</P>
                 <InputRow>
                     <PinInput value={pin} onDeleteClick={() => this.onPinBackspace()} />
                 </InputRow>
@@ -161,8 +162,9 @@ class Pin extends Component<Props, State> {
                 </PinRow>
                 <Footer>
                     <Button type="button" onClick={() => onPinSubmit(pin)}>Enter PIN</Button>
-                    <StyledP>Not sure how PIN works?
+                    <StyledP isSmaller>Not sure how PIN works?
                         <StyledLink
+                            isGreen
                             href="http://doc.satoshilabs.com/trezor-user/enteringyourpin.html"
                             target="_blank"
                             rel="noreferrer noopener"