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) => {