From 08cf2d22028ec0b86546077128e5860af9473da5 Mon Sep 17 00:00:00 2001
From: Gabor Juhasz <gabor.juhasz@accretivetg.com>
Date: Sat, 30 Jul 2022 08:10:16 +0200
Subject: [PATCH] fix scale issue

---
 components/Calendar.tsx | 4 ++--
 pages/_app.tsx          | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Calendar.tsx b/components/Calendar.tsx
index 57597c7..0d01e64 100644
--- a/components/Calendar.tsx
+++ b/components/Calendar.tsx
@@ -88,7 +88,7 @@ export const Calendar: FC<CalendarProps> = ({ list, favorites, setFavorites }) =
       <ul
         style={{
           display: "flex",
-          // overflow: "auto",
+          overflow: "auto",
           scrollSnapType: "x mandatory", // not working *without* the overflow
           paddingLeft: 8,
           paddingRight: 8,
@@ -103,7 +103,7 @@ export const Calendar: FC<CalendarProps> = ({ list, favorites, setFavorites }) =
               style={{
                 position: "relative",
                 scrollSnapAlign: "start",
-                scrollMarginLeft: 16,
+                scrollMarginLeft: 8,
                 background: theme.colors.gray[2],
                 paddingLeft: 8,
                 paddingRight: 8,
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 8a6004c..d87c287 100755
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -10,6 +10,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <title>Katlan alternatív műsorfüzet</title>
         <link rel="icon" href="https://fav.farm/🔥" />
         <link rel="manifest" href="/manifest.json" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
       <MantineProvider withGlobalStyles withNormalizeCSS>
         <Component {...pageProps} />