make overlay area go more into the corner on small screens

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index 0fbaddb369a1baad329dacb2ec5fa95d69b1b132..4c94d24ece37e7aa4d7ab9ee81fcd593120a31ea 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -86,3 +86,19 @@ h1 {
   border-radius: 3px;
   padding: 0 3px;
 }
+
+
+@media screen and (max-width: 500px) {
+  body {
+    font-size: 10px;
+  }
+  #overlayArea {
+    top: 2px;
+    left: 2px;
+  }
+  #copyright {
+    bottom: 1px;
+    right: 1px;
+    font-size: 8px;
+  }
+}