From bda4bd6313284c3a44fbc607362bbe9854a5b1e4 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Tue, 10 Jul 2018 20:49:58 -0700
Subject: [PATCH] Tweak UI

---
 app/scenes/Settings/Profile.js | 20 +++++++++++++-------
 app/scenes/UserDelete.js       |  6 +++---
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/scenes/Settings/Profile.js b/app/scenes/Settings/Profile.js
index e989889e9..7a24e14aa 100644
--- a/app/scenes/Settings/Profile.js
+++ b/app/scenes/Settings/Profile.js
@@ -103,14 +103,15 @@ class Profile extends React.Component<Props> {
             {isSaving ? 'Saving…' : 'Save'}
           </Button>
         </form>
-        <p>&nbsp;</p>
 
-        <h2>Delete Account</h2>
-        <p>
-          You may delete your account at any time, note that this is
-          unrecoverable.{' '}
-          <a onClick={this.toggleDeleteAccount}>Delete account</a>.
-        </p>
+        <DangerZone>
+          <LabelText>Delete Account</LabelText>
+          <p>
+            You may delete your account at any time, note that this is
+            unrecoverable.{' '}
+            <a onClick={this.toggleDeleteAccount}>Delete account</a>.
+          </p>
+        </DangerZone>
         {this.showDeleteModal && (
           <UserDelete onRequestClose={this.toggleDeleteAccount} />
         )}
@@ -119,6 +120,11 @@ class Profile extends React.Component<Props> {
   }
 }
 
+const DangerZone = styled.div`
+  position: absolute;
+  bottom: 16px;
+`;
+
 const ProfilePicture = styled(Flex)`
   margin-bottom: 24px;
 `;
diff --git a/app/scenes/UserDelete.js b/app/scenes/UserDelete.js
index ede7e857b..00f332441 100644
--- a/app/scenes/UserDelete.js
+++ b/app/scenes/UserDelete.js
@@ -42,11 +42,11 @@ class UserDelete extends React.Component<Props> {
             <HelpText>
               Are you sure? Deleting your account will destory identifying data
               associated with your user and cannot be undone. You will be
-              immediately logged out of Outline.
+              immediately logged out of Outline and all your API tokens will be
+              revoked.
             </HelpText>
-
             <HelpText>
-              <strong>Note:</strong> Signing back in will cause your account to
+              <strong>Note:</strong> Signing back in will cause a new account to
               be automatically reprovisioned.
             </HelpText>
             <Button type="submit" danger>