From e99cff9fe6d0e7e526cf7b6f05ba5e15d5600298 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Tue, 6 Jul 2021 15:03:48 +0200
Subject: [PATCH] Update: Fixed Jump to bottom bar on mobile

---
 external/lang                                      |  2 +-
 .../common/messaging/bars/JumpToBottom.tsx         | 14 +++++++++++---
 src/pages/settings/panes/Account.tsx               |  4 ++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/external/lang b/external/lang
index 55fb420c..bacb6bb8 160000
--- a/external/lang
+++ b/external/lang
@@ -1 +1 @@
-Subproject commit 55fb420c9d7251cb0263dc47efe8870b98c7944f
+Subproject commit bacb6bb8c731ab3216dc6928328cb795d52333a2
diff --git a/src/components/common/messaging/bars/JumpToBottom.tsx b/src/components/common/messaging/bars/JumpToBottom.tsx
index 0293fc19..1fdea46d 100644
--- a/src/components/common/messaging/bars/JumpToBottom.tsx
+++ b/src/components/common/messaging/bars/JumpToBottom.tsx
@@ -1,4 +1,4 @@
-import { DownArrow } from "@styled-icons/boxicons-regular";
+import { DownArrowAlt } from "@styled-icons/boxicons-regular";
 import styled from "styled-components";
 
 import { Text } from "preact-i18n";
@@ -14,13 +14,15 @@ const Bar = styled.div`
 
     > div {
         top: -26px;
+        height: 28px;
         width: 100%;
         position: absolute;
         border-radius: 4px 4px 0 0;
         display: flex;
+        align-items: center;
         cursor: pointer;
         font-size: 13px;
-        padding: 4px 8px;
+        padding: 0 8px;
         user-select: none;
         color: var(--secondary-foreground);
         background: var(--secondary-background);
@@ -40,6 +42,12 @@ const Bar = styled.div`
         &:active {
             transform: translateY(1px);
         }
+
+        @media (pointer: coarse) {
+            height: 34px;
+            top: -32px;
+            padding: 0 12px;
+        }
     }
 `;
 
@@ -56,7 +64,7 @@ export default function JumpToBottom({ id }: { id: string }) {
                 </div>
                 <div>
                     <Text id="app.main.channel.misc.jump_present" />{" "}
-                    <DownArrow size={18} />
+                    <DownArrowAlt size={20} />
                 </div>
             </div>
         </Bar>
diff --git a/src/pages/settings/panes/Account.tsx b/src/pages/settings/panes/Account.tsx
index e32ef822..8a8c049f 100644
--- a/src/pages/settings/panes/Account.tsx
+++ b/src/pages/settings/panes/Account.tsx
@@ -124,13 +124,13 @@ export function Account() {
             </Button>*/}
 
             <h3><Text id="app.settings.pages.account.manage.title" /></h3>
-            <h5><Text id="app.settings.pages.account.manage.desciption" /></h5>
+            <h5><Text id="app.settings.pages.account.manage.description" /></h5>
             <div className={styles.buttons}>
                 {/* <Button contrast>
                     <Text id="app.settings.pages.account.manage.disable" />
                 </Button> */}
                 <a href="mailto:contact@revolt.chat?subject=Delete%20my%20account">
-                    <Button contrast>
+                    <Button error compact>
                         <Text id="app.settings.pages.account.manage.delete" />
                     </Button>
                 </a>