Add a little bit of responsiveness for mobile clients
authorJoey Schulze <joey@infodrom.org>
Wed, 31 Oct 2018 11:55:47 +0000 (12:55 +0100)
committerJoey Schulze <joey@infodrom.org>
Wed, 31 Oct 2018 11:55:47 +0000 (12:55 +0100)
src/Infodrom/calendar/index.wml

index 3bacff8..e023e73 100644 (file)
@@ -4,6 +4,19 @@
 <page func="Infodrom Oldenburg" title="Termine">
 
 <style type="text/css">
+@media only screen and (max-device-width: 640px) {
+     button {
+        width: 4em;
+    }
+}
+
+@media only screen and (max-device-width: 400px) {
+    div.view {
+       float: left !important;
+       margin-left: 100px;
+    }
+}
+
 div.view {
     float:right;
     margin-top:-30px;