diff --git a/static/index.css b/static/index.css index f2fdd5f1f9a250caea73379fb88e96bae1c20ce5..32bac0679c27e682331fa0869a45557ec17eba8f 100644 --- a/static/index.css +++ b/static/index.css @@ -102,4 +102,20 @@ td { } .width-80perc { width: 80%; -} \ No newline at end of file +} +#id-landscape-message { + display: none; +} +.id-orientation-message { + display: none; +} +@media screen and (max-width: 1024px) and (orientation: portrait) { + .id-orientation-message { + display: block; + text-align: center; + } + .id-orientation-message:before { + color: red; + content: "(Mobile users: use this in landscape mode!)" + } +} diff --git a/static/index.html b/static/index.html index 072d79750a78082e10a88292f26520d5fb97645a..fb7739649012f972f214ad251250ed0dd4abe129 100644 --- a/static/index.html +++ b/static/index.html @@ -9,6 +9,7 @@