From 293f085e96e59eaf5a2a9aece1a96d21f14041bf Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Tue, 24 Nov 2020 22:26:37 +0200
Subject: [PATCH] Fix Admin responsiveness

---
 src/components/AdminSidebar.tsx     | 4 ++--
 src/pages/admin/AdminCommonPage.tsx | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/AdminSidebar.tsx b/src/components/AdminSidebar.tsx
index 81b7c57..6581f91 100644
--- a/src/components/AdminSidebar.tsx
+++ b/src/components/AdminSidebar.tsx
@@ -13,7 +13,7 @@ const SideBar = styled.nav`
   margin-right: 1rem;
   background-color: ${colors.blue1};
 
-  @media screen and (max-width: 800px - 1px) {
+  @media screen and (max-width: 800px) {
     margin-right: 0;
     margin-bottom: 1rem;
   }
@@ -37,7 +37,7 @@ const StyledLink = styled(Anchor)<{path: string}>`
     border-left: 4px solid ${colors.white};
   }
 
-  @media screen and (max-width: 800px - 1px) {
+  @media screen and (max-width: 800px) {
     margin-bottom: 1px;
   }
 `;
diff --git a/src/pages/admin/AdminCommonPage.tsx b/src/pages/admin/AdminCommonPage.tsx
index f436ad6..f9f98f5 100644
--- a/src/pages/admin/AdminCommonPage.tsx
+++ b/src/pages/admin/AdminCommonPage.tsx
@@ -15,8 +15,12 @@ const Main = styled.main`
   align-items: flex-start;
   flex: 1;
 
-  @media screen and (max-width: 800px - 1px) {
+  @media screen and (max-width: 800px) {
     flex-flow: column nowrap;
+
+    & > nav {
+      width: 100%;
+    }
   }
 
   & > div {