From b86200dbf816e4f0df865fd95422b471da4f50bb Mon Sep 17 00:00:00 2001
From: e26chiu <e26chiu@csc.uwaterloo.ca>
Date: Tue, 13 Dec 2022 22:26:09 -0500
Subject: [PATCH] Right align left link

---
 components/BottomNav.module.css | 4 ++++
 components/BottomNav.tsx        | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/BottomNav.module.css b/components/BottomNav.module.css
index 8a0bce9..65f356b 100644
--- a/components/BottomNav.module.css
+++ b/components/BottomNav.module.css
@@ -10,6 +10,10 @@
   display: inline-block;
 }
 
+.leftItem {
+  text-align: right;
+}
+
 .item {
   color: var(--primary-text);
   font-size: calc(28rem / 16);
diff --git a/components/BottomNav.tsx b/components/BottomNav.tsx
index f31b9a0..6475aef 100644
--- a/components/BottomNav.tsx
+++ b/components/BottomNav.tsx
@@ -31,7 +31,9 @@ export function BottomNav(props: PagesInfo) {
             </a>
           </Link>
           <Link href={props.leftPage.url}>
-            <a className={styles.item}>{props.leftPage.name}</a>
+            <a className={styles.item + " " + styles.leftItem}>
+              {props.leftPage.name}
+            </a>
           </Link>
         </div>
       ) : null}