Tweak UI

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;
 `;

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>