From 7b731211ac2c0a67a294f690a3e4a44eaa381855 Mon Sep 17 00:00:00 2001
From: Ross Bulat <ross@jkrbinvestments.com>
Date: Mon, 8 Apr 2019 20:48:39 +0800
Subject: [PATCH] sidebar <=> SrcreenSizes (#919)

---
 packages/apps/src/SideBar/index.tsx  | 2 +-
 packages/apps/src/constants.ts       | 4 +++-
 packages/ui-app/src/styles/media.css | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/apps/src/SideBar/index.tsx b/packages/apps/src/SideBar/index.tsx
index ddf92cc3cb..d701eeafa2 100644
--- a/packages/apps/src/SideBar/index.tsx
+++ b/packages/apps/src/SideBar/index.tsx
@@ -57,7 +57,7 @@ const Toggle = styled.img`
     top: 0.9rem;
   }
 
-  ${media.TABLET`
+  ${media.DESKTOP`
     opacity: 0 !important;
     top: -2.9rem !important;
   `}
diff --git a/packages/apps/src/constants.ts b/packages/apps/src/constants.ts
index 099d59b334..035b96da1b 100644
--- a/packages/apps/src/constants.ts
+++ b/packages/apps/src/constants.ts
@@ -2,6 +2,8 @@
 // This software may be modified and distributed under the terms
 // of the Apache-2.0 license. See the LICENSE file for details.
 
+import { ScreenSizes } from '@polkadot/ui-app/constants';
+
 export enum SideBarTransition {
 	COLLAPSED = 'COLLAPSED',
 	EXPANDED = 'EXPANDED',
@@ -9,5 +11,5 @@ export enum SideBarTransition {
 	MINIMISED_AND_EXPANDED = 'MINIMISED_AND_EXPANDED'
 }
 
-export const SIDEBAR_MENU_THRESHOLD = 768;
+export const SIDEBAR_MENU_THRESHOLD = ScreenSizes.DESKTOP;
 export const SIDEBAR_TRANSITION_DURATION = 300;
diff --git a/packages/ui-app/src/styles/media.css b/packages/ui-app/src/styles/media.css
index f905033186..951e5c2cc7 100644
--- a/packages/ui-app/src/styles/media.css
+++ b/packages/ui-app/src/styles/media.css
@@ -80,7 +80,7 @@ th.ui--media-small {
 }
 
 /* tabs */
-@media (max-width: 767px) {
+@media (max-width: 991px) {
   .ui.menu.tabular {
     padding-left: 5.2rem !important;
   }