From d1db42e837569c3edd1440c42c9a0113b019ccca Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 26 Oct 2020 20:39:07 +0200
Subject: [PATCH] markdown input center limit tooltip

---
 components/MarkdownTextarea.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/MarkdownTextarea.tsx b/components/MarkdownTextarea.tsx
index 33f90267c..4bf68e154 100644
--- a/components/MarkdownTextarea.tsx
+++ b/components/MarkdownTextarea.tsx
@@ -1,4 +1,5 @@
 import {
+  Box,
   FormControl,
   FormErrorMessage,
   FormHelperText,
@@ -40,16 +41,18 @@ const MarkdownTextarea: React.FC<Props> = ({
         placeholder={placeholder}
         resize="vertical"
       />
-      <FormHelperText>
+      <FormHelperText display="flex" alignItems="center">
         <LimitProgress
           currentLength={value.length}
           maxLength={maxLength}
           mr={3}
         />
-        {t("users;markdownPrompt")}{" "}
-        <a href="/markdown" target="_blank" rel="noreferrer noopener">
-          https://sendou.ink/markdown
-        </a>
+        <Box>
+          {t("users;markdownPrompt")}{" "}
+          <a href="/markdown" target="_blank" rel="noreferrer noopener">
+            https://sendou.ink/markdown
+          </a>
+        </Box>
       </FormHelperText>
       <FormErrorMessage>{error?.message}</FormErrorMessage>
     </FormControl>