Improve layout on mobile/tablet devices

2017-11-23 12:16:05 -08:00
parent 671f9a50f3
commit 20c8ae1047
3 changed files with 12 additions and 6 deletions
--- a/assets/sass/_sidebar.sass
+++ b/assets/sass/_sidebar.sass
@@ -20,9 +20,12 @@
    order: 1
    max-width: 100%

+  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)
+    max-width: 75%
+
 .sidebar
-  width: 25%
-  max-width: 250px
+  max-width: 25%
+  min-width: 230px

  @include sm-device
    flex: 1 auto