From 4814d800db1c633d40fef581510938f044fa6827 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Sun, 7 Nov 2021 01:31:59 +0200
Subject: [PATCH] Fix adaptive style on mobile

---
 src/components/Navigation/index.svelte | 4 ++++
 src/routes/dashboard.svelte            | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Navigation/index.svelte b/src/components/Navigation/index.svelte
index 10329014..fb42d7ee 100644
--- a/src/components/Navigation/index.svelte
+++ b/src/components/Navigation/index.svelte
@@ -172,5 +172,9 @@
     ul {
       align-items: center;
     }
+
+    a {
+      padding: 0 0.5em;
+    }
   }
 </style>
diff --git a/src/routes/dashboard.svelte b/src/routes/dashboard.svelte
index 8ff1d1ac..781230ec 100644
--- a/src/routes/dashboard.svelte
+++ b/src/routes/dashboard.svelte
@@ -142,7 +142,7 @@
     {/if}
     <div
       id={$isMobile ? 'calendar' : ''}
-      class="calendar-info flex-grow border border-gray-300 ml-2 rounded-md"
+      class="calendar-info flex-grow border border-gray-300 mx-2 rounded-md"
     >
       {#if $isMobile}
         <div class="header w-full flex items-center">
@@ -253,7 +253,7 @@
 
   @media (max-width: 640px) {
     :global(span.active-day) {
-      font-size: 40px;
+      font-size: 30px;
     }
   }
 </style>