From 8b3c94b1204a3a3054d6eaeb9652c6e71ad7f392 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Thu, 19 Sep 2024 12:09:14 -0400
Subject: [PATCH] Make the links on the log in page visually consistent

Timo was totally right in his previous review of my typography component work that these didn't have the right styling. I just didn't notice!
---
 src/auth/LoginPage.module.css | 9 ---------
 src/auth/LoginPage.tsx        | 3 ++-
 2 files changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/auth/LoginPage.module.css b/src/auth/LoginPage.module.css
index d42e1b5a6..9bd9f3e5a 100644
--- a/src/auth/LoginPage.module.css
+++ b/src/auth/LoginPage.module.css
@@ -64,15 +64,6 @@ Please see LICENSE in the repository root for full details.
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
-}
-
-.authLinks {
   margin-bottom: 100px;
   font-size: var(--font-size-body);
 }
-
-.authLinks a {
-  color: var(--cpd-color-text-action-accent);
-  text-decoration: none;
-  font-weight: normal;
-}
diff --git a/src/auth/LoginPage.tsx b/src/auth/LoginPage.tsx
index 515b6c997..e4aede091 100644
--- a/src/auth/LoginPage.tsx
+++ b/src/auth/LoginPage.tsx
@@ -6,7 +6,7 @@ Please see LICENSE in the repository root for full details.
 */
 
 import { FC, FormEvent, useCallback, useRef, useState } from "react";
-import { useHistory, useLocation, Link } from "react-router-dom";
+import { useHistory, useLocation } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 import { Button } from "@vector-im/compound-web";
 
@@ -18,6 +18,7 @@ import { useInteractiveLogin } from "./useInteractiveLogin";
 import { usePageTitle } from "../usePageTitle";
 import { PosthogAnalytics } from "../analytics/PosthogAnalytics";
 import { Config } from "../config/Config";
+import { Link } from "../button/Link";
 
 export const LoginPage: FC = () => {
   const { t } = useTranslation();