From e690d48dc3e69c76655dbd8f94ce8ca284b688df Mon Sep 17 00:00:00 2001
From: Adam Prins <AdamPrins@cmail.carleton.ca>
Date: Mon, 21 Jun 2021 07:48:16 -0400
Subject: [PATCH 1/2] Add Create Account button to Floating menu

---
 frontend/src/FloatingMenu.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/FloatingMenu.js b/frontend/src/FloatingMenu.js
index 9e87ea1f5c..3f58ebeacc 100644
--- a/frontend/src/FloatingMenu.js
+++ b/frontend/src/FloatingMenu.js
@@ -157,6 +157,10 @@ export const FloatingMenu = () => {
                     <FloatingMenuLink to="/sign-in" text={t`Sign In`} />
                   )}
 
+                  {!isLoggedIn() && (
+                    <FloatingMenuLink to="/create-user" text={t`Create Account`} />
+                  )}
+
                   <Divider
                     borderWidth="2px"
                     borderColor="accent"

From 6854b4c3c2d269a096c65e4f1310e6435b554a15 Mon Sep 17 00:00:00 2001
From: Adam Prins <AdamPrins@cmail.carleton.ca>
Date: Mon, 21 Jun 2021 07:48:47 -0400
Subject: [PATCH 2/2] Hide sign in buttons on small width

---
 frontend/src/TopBanner.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/TopBanner.js b/frontend/src/TopBanner.js
index b0b8c3a55d..9ededf7431 100644
--- a/frontend/src/TopBanner.js
+++ b/frontend/src/TopBanner.js
@@ -44,8 +44,8 @@ export const TopBanner = (props) => {
             to="/"
             variant="primary hover"
             mx={1}
-            px={{base:1, md:3}}
-            fontSize={{ base: 'xs', md: 'md' }}
+            px={3}
+            display={{ base: 'none', md: 'inline' }}
             onClick={() => {
               logout()
               toast({
@@ -66,8 +66,8 @@ export const TopBanner = (props) => {
              variant="primary white"
              to="/sign-in"
              mx={1}
-             px={{base:1, md:3}}
-             fontSize={{ base: 'xs', md: 'md' }}
+             px={3}
+             display={{ base: 'none', md: 'inline' }}
            >
              <Trans>Sign In</Trans>
            </TrackerButton>
@@ -79,8 +79,8 @@ export const TopBanner = (props) => {
              variant="primary hover"
              to="/create-user"
              mx={1}
-             px={{base:1, md:3}}
-             fontSize={{ base: 'xs', md: 'md' }}
+             px={3}
+             display={{ base: 'none', md: 'inline' }}
            >
              <Trans>Create Account</Trans>
            </TrackerButton>