From 247aadc47924910e0db6cfd3b00fa46ff027d213 Mon Sep 17 00:00:00 2001
From: Tim Stallard <code@timstallard.me.uk>
Date: Tue, 19 Jan 2016 10:54:08 +0000
Subject: [PATCH] Changed some more styles for vertical screens to use slim
 mode

---
 src/documents/styles.css.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/documents/styles.css.scss b/src/documents/styles.css.scss
index 87bdb58..01fbf07 100644
--- a/src/documents/styles.css.scss
+++ b/src/documents/styles.css.scss
@@ -277,16 +277,21 @@ body{
       }
   }
 
-  //media queries at end to override display flex earlier
-  @media(min-width: 901px){
-    #slim{
-      display: none;
-    }
+  //big view, normal
+  #slim{
+    display: none;
   }
-  @media(max-width: 900px){
+  #big{
+    display: flex;
+  }
+  @media(max-width: 700px), (min-height: 120vw){
+    //vertical or small width
     #big{
       display: none;
     }
+    #slim{
+      display: block;
+    }
   }
 }