From 5cb92e1c0a8efafa325323b530b8eb12a63dcef2 Mon Sep 17 00:00:00 2001
From: shmck <shawn.j.mckay@gmail.com>
Date: Sun, 26 Jul 2020 18:56:49 -0700
Subject: [PATCH] keep footers fixed

Signed-off-by: shmck <shawn.j.mckay@gmail.com>
---
 .../SelectTutorial/TutorialOverview/index.tsx      |  2 +-
 web-app/src/containers/Tutorial/index.tsx          | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web-app/src/containers/SelectTutorial/TutorialOverview/index.tsx b/web-app/src/containers/SelectTutorial/TutorialOverview/index.tsx
index 3bc2694f..58c827c9 100644
--- a/web-app/src/containers/SelectTutorial/TutorialOverview/index.tsx
+++ b/web-app/src/containers/SelectTutorial/TutorialOverview/index.tsx
@@ -47,7 +47,7 @@ const styles = {
     paddingLeft: '1.1rem',
   },
   footer: (theme: Theme) => ({
-    position: 'absolute' as 'absolute',
+    position: 'fixed' as 'fixed',
     bottom: 0,
     left: 0,
     right: 0,
diff --git a/web-app/src/containers/Tutorial/index.tsx b/web-app/src/containers/Tutorial/index.tsx
index f006c642..0face25c 100644
--- a/web-app/src/containers/Tutorial/index.tsx
+++ b/web-app/src/containers/Tutorial/index.tsx
@@ -53,10 +53,10 @@ const styles = {
     alignItems: 'center',
     height: theme['$footer-height'],
     backgroundColor: 'black',
-    fontSize: '1rem',
-    lineHeight: '1rem',
+    fontSize: '12px',
+    lineHeight: '16px',
     padding: '10px 0rem',
-    position: 'absolute' as 'absolute',
+    position: 'fixed' as 'fixed',
     bottom: 0,
     left: 0,
     right: 0,
@@ -64,7 +64,7 @@ const styles = {
     zIndex: 1000,
   }),
   completeFooter: {
-    position: 'absolute' as 'absolute',
+    position: 'fixed' as 'fixed',
     bottom: 0,
     left: 0,
     right: 0,
@@ -72,14 +72,14 @@ const styles = {
   },
   processes: (theme: Theme) => ({
     padding: '0 1rem',
-    position: 'absolute' as 'absolute',
+    position: 'fixed' as 'fixed',
     bottom: theme['$footer-height'],
     left: 0,
     right: 0,
     top: 'auto',
   }),
   testMessage: (theme: Theme) => ({
-    position: 'absolute' as 'absolute',
+    position: 'fixed' as 'fixed',
     top: 'auto',
     bottom: theme['$footer-height'],
     left: '5px',
@@ -180,7 +180,7 @@ const TutorialPage = (props: PageProps) => {
           <div css={{ flex: 1 }}>
             {DISPLAY_RUN_TEST_BUTTON && level.status !== 'COMPLETE' ? (
               <Button
-                style={{ marginLeft: '1rem', width: '3rem' }}
+                style={{ marginLeft: '1rem', width: '57px' }}
                 type="primary"
                 onClick={onRunTest}
                 disabled={disableOptions}