From 32b48c7e2a18fd2baf406994bc3082883d8309ba Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Fri, 15 Mar 2019 14:15:34 +0100
Subject: [PATCH 1/2] fix forget countdown position

---
 src/components/modals/device/Remember/index.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/modals/device/Remember/index.js b/src/components/modals/device/Remember/index.js
index 604fc21c..81dd80ac 100644
--- a/src/components/modals/device/Remember/index.js
+++ b/src/components/modals/device/Remember/index.js
@@ -44,9 +44,7 @@ const Wrapper = styled.div`
     padding: 30px 48px;
 `;
 
-const Text = styled.div`
-    padding-right: 10px;
-`;
+const Text = styled.div``;
 
 const Column = styled.div`
     display: flex;
@@ -58,8 +56,12 @@ const Column = styled.div`
 `;
 
 const StyledLoader = styled(Loader)`
-    position: absolute;
-    left: 200px;
+    padding-left: 6px;
+`;
+
+const ButtonWithLoader = styled(Button)`
+    padding-top: 7px;
+    padding-bottom: 7px;
 `;
 
 class RememberDevice extends PureComponent<Props, State> {
@@ -141,7 +143,7 @@ class RememberDevice extends PureComponent<Props, State> {
                     />
                 </StyledP>
                 <Column>
-                    <Button onClick={() => this.forget()}>
+                    <ButtonWithLoader onClick={() => this.forget()}>
                         <ButtonContent>
                             <Text>
                                 <FormattedMessage {...l10nCommonMessages.TR_FORGET_DEVICE} />
@@ -149,11 +151,11 @@ class RememberDevice extends PureComponent<Props, State> {
                             <StyledLoader
                                 isSmallText
                                 isWhiteText
-                                size={28}
+                                size={26}
                                 text={this.state.countdown.toString()}
                             />
                         </ButtonContent>
-                    </Button>
+                    </ButtonWithLoader>
                     <Button isWhite onClick={() => onRememberDevice(device)}>
                         <FormattedMessage {...l10nMessages.TR_REMEMBER_DEVICE} />
                     </Button>

From 579e59b34ad6a3e32dcf60d637a5c3388474edbd Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Fri, 15 Mar 2019 14:21:23 +0100
Subject: [PATCH 2/2] put back old loader size

---
 src/components/modals/device/Remember/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/modals/device/Remember/index.js b/src/components/modals/device/Remember/index.js
index 81dd80ac..7cd128d4 100644
--- a/src/components/modals/device/Remember/index.js
+++ b/src/components/modals/device/Remember/index.js
@@ -60,8 +60,8 @@ const StyledLoader = styled(Loader)`
 `;
 
 const ButtonWithLoader = styled(Button)`
-    padding-top: 7px;
-    padding-bottom: 7px;
+    padding-top: 6px;
+    padding-bottom: 6px;
 `;
 
 class RememberDevice extends PureComponent<Props, State> {
@@ -151,7 +151,7 @@ class RememberDevice extends PureComponent<Props, State> {
                             <StyledLoader
                                 isSmallText
                                 isWhiteText
-                                size={26}
+                                size={28}
                                 text={this.state.countdown.toString()}
                             />
                         </ButtonContent>