From 917554959b42672b89fc8c6c04721683cc185bc4 Mon Sep 17 00:00:00 2001
From: leko <leko@atomite.io>
Date: Mon, 30 May 2022 10:27:37 +0200
Subject: [PATCH] chore: add note about limitations

---
 app/pages/_app.tsx  | 3 +--
 app/pages/index.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/pages/_app.tsx b/app/pages/_app.tsx
index 87d49e6..7b828d9 100644
--- a/app/pages/_app.tsx
+++ b/app/pages/_app.tsx
@@ -25,12 +25,11 @@ const App = ({ Component, pageProps }: AppProps) => {
   return (
     <ThemeProvider theme={theme}>
       <InfoMessage sx={{
-        paddingLeft: '80px',
+        paddingLeft: '120px',
         paddingTop: '20px',
         paddingRight: '40px',
         [theme.breakpoints.down('md')]: {
           paddingLeft: '0',
-          paddingTop: '20px',
         },
       }}>
         <span>Note that this is an early build and more capabilities will be available soon. Visit us regularly!
diff --git a/app/pages/index.tsx b/app/pages/index.tsx
index d9d58fc..caedb37 100644
--- a/app/pages/index.tsx
+++ b/app/pages/index.tsx
@@ -1,6 +1,6 @@
 import EmailIcon from '@mui/icons-material/Email';
 import GitHubIcon from '@mui/icons-material/GitHub';
-import { Box, Button, Grid, Stack, Typography } from '@mui/material';
+import { Alert, Box, Button, Grid, Stack, Typography } from '@mui/material';
 import { ThemeProvider } from '@mui/material/styles';
 import { NextPage } from 'next';
 import Head from 'next/head';
@@ -74,6 +74,9 @@ The DATA4PT project aims to advance data-sharing practices in the public transpo
               If you have feedback, questions or bug reports please do not hesitate to send them our way through <Link href="https://github.com/ITxPT/DATA4PTTools"><a target="_blank"><GitHubIcon sx={{ fontSize: '12px' }} /> GitHub</a></Link> or <Link passHref href="mailto:anastasia.founta@itxpt.org;jesper.j.tornros@concreteit.se;petter.kvarnfors@concreteit.se"><a target="_blank"><EmailIcon sx={{ fontSize: '12px' }} /> Email</a></Link>.
             </Typography>
           </Stack>
+          <Alert severity="info">
+            Using the online version may apply limitations. For regular use, download and install the tool for free from <Link href="https://github.com/ITxPT/DATA4PTTools"><a target="_blank">GitHub</a></Link> or <Link href="https://hub.docker.com/r/lekojson/greenlight"><a target="_blank">Docker</a></Link>
+          </Alert>
           <Stack alignItems="center">
             <Button
               onClick={handleClick}