From 787f188a120f0ef44d4abe29f4c1672e56aa1991 Mon Sep 17 00:00:00 2001
From: Steven Loria <sloria1@gmail.com>
Date: Thu, 27 Jan 2022 23:24:44 -0500
Subject: [PATCH 1/2] Improve sizing on medium-sized screens

---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index ee7fe1f9..50dc4886 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -349,7 +349,7 @@ function App() {
           >
             <Settings />
           </button>
-          <h1 className="flex-1 text-center text-xl xxs:text-2xl sm:text-4xl tracking-wide font-bold font-righteous">
+          <h1 className="flex-1 text-center text-xl xxs:text-2xl sm:text-3xl tracking-wide font-bold font-righteous">
             WORD MASTER
           </h1>
           <button
@@ -371,7 +371,7 @@ function App() {
                       rowNumber,
                       colNumber,
                       letter
-                    )} inline-flex items-center font-medium justify-center text-lg w-[13vw] h-[13vw] xs:w-14 xs:h-14 sm:w-20 sm:h-20 rounded-full`}
+                    )} inline-flex items-center font-medium justify-center text-lg w-[13vw] h-[13vw] xs:w-14 xs:h-14 rounded-full`}
                   >
                     {letter}
                   </span>

From 507758d52d2fc12cb40396d309c0ac206e1b7052 Mon Sep 17 00:00:00 2001
From: Steven Loria <sloria1@gmail.com>
Date: Sat, 29 Jan 2022 12:48:42 -0500
Subject: [PATCH 2/2] Reduce padding to give more space to keyboard

---
 src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 50dc4886..9a00722b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -341,7 +341,7 @@ function App() {
   return (
     <div className={darkMode ? 'dark' : ''}>
       <div className={`flex flex-col justify-between h-fill bg-background dark:bg-background-dark`}>
-        <header className="flex items-center py-2 px-3 text-primary dark:text-primary-dark">
+        <header className="flex items-center py-1 sm:py-2 px-3 text-primary dark:text-primary-dark">
           <button
             type="button"
             onClick={() => setSettingsModalIsOpen(true)}
@@ -360,7 +360,7 @@ function App() {
             <Info />
           </button>
         </header>
-        <div className="flex items-center flex-col py-3 flex-1 justify-center relative">
+        <div className="flex items-center flex-col pb-3 flex-1 justify-center relative">
           <div className="relative">
             <div className="grid grid-cols-5 grid-flow-row gap-4">
               {board.map((row: string[], rowNumber: number) =>