From b6ef5e3f7005121f1b97602bb311c13bc4670bfa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20R=C3=BCmpelein?= <oli_r@fg4f.de>
Date: Fri, 24 Oct 2014 15:52:18 +0200
Subject: [PATCH] Fixed several CSS-Bugs

---
 assets/style.css | 33 ++++++++++++++++++++++++++++++---
 index.html       |  2 +-
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index b19a63e..f692d09 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -1,8 +1,18 @@
-body>div {
+/* We want a scrollbar to show - always 
+ evil hack, but overflow-y: scroll sometimes doesn't work*/
+
+html, body {
+    height: 100%;
+    margin: 0 0 1px 0;
+    padding: 0;
+}
+
+#display {
     postion:relative;
     background: rgba(163,128,95,0.9);
     border-radius: 20px;
     padding: 5px 10px 5px 10px;
+    display:none;
 }
 
 h1 {
@@ -35,7 +45,17 @@ h1 {
 }
 
 /* Don't show anything but warning, if too small */
-@media all and (min-width: 800px) {
+/* handheld doesn't work, don't know why…*/
+@media handheld {
+    #display {
+	display:none;
+    }
+    #small {
+	display:inline;
+    }
+}
+
+@media screen and (min-width:815px) {
     #small {
 	display:none;
     }
@@ -46,9 +66,16 @@ h1 {
 	background-size: 100% auto;
 	padding: 10px 0;
     }
+    #display {
+	display:block;
+    }
 }
-@media all and (max-width: 799px) {
+
+@media screen and (max-width:814px) {
     #display {
 	display:none;
     }
+    #small {
+	display:inline;
+    }
 }
diff --git a/index.html b/index.html
index bccd338..10f33d8 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
       
     </div>
     <div id="small">
-      Die Anzeige dieser Seite benötigt eine Breite von mindestens 800 px!
+      Die Anzeige dieser Seite benötigt eine Breite von mindestens 815 px und ist auf mobilen Geräten nicht lauffähig!
     </div>
     <!-- Include 3rd-Party Libraries -->
     <script type="text/javascript" src="lib/crafty.js"></script>