From a6d0e99b4212eb3326a87a5398e6b8f512ae1570 Mon Sep 17 00:00:00 2001
From: Stefano Brilli <stefanobrilli@gmail.com>
Date: Wed, 6 May 2020 09:28:46 +0200
Subject: [PATCH] Add extra breakpoint at 700px

---
 src/components/app.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/app.tsx b/src/components/app.tsx
index 22b1b61..f445548 100644
--- a/src/components/app.tsx
+++ b/src/components/app.tsx
@@ -27,6 +27,9 @@ const useStyles = makeStyles(theme => ({
             marginLeft: 'auto',
             marginRight: 'auto',
         },
+        [theme.breakpoints.up(700 + theme.spacing(2) * 2)]: {
+            width: 700,
+        },
     },
 
     paper: {
@@ -41,6 +44,9 @@ const useStyles = makeStyles(theme => ({
             padding: theme.spacing(3),
             height: 600,
         },
+        [theme.breakpoints.up(700 + theme.spacing(2) * 2)]: {
+            height: 700,
+        },
     },
     copyright: {
         display: 'flex',