diff web/css/dottes.css @ 638:776a455efe47 build-default-252

Automated merge with ssh://hg.cryhavoc.org.uk/dottes
author Jim Hague <jim.hague@acm.org>
date Mon, 07 Nov 2016 20:34:45 +0000
parents 3a71f1fe4c55 1fc8d4867c88
children dfdea8422368
line wrap: on
line diff
--- a/web/css/dottes.css	Mon Nov 07 20:31:41 2016 +0000
+++ b/web/css/dottes.css	Mon Nov 07 20:34:45 2016 +0000
@@ -379,7 +379,7 @@
     margin-top: 20px
 }
 
-@media only screen and (max-device-width: 480px) {
+@media only screen and (max-width: 480px) {
     div.dottes-transpose-instrument-item
     {
         display: table-row;
@@ -479,3 +479,11 @@
         text-align: center;
     }
 }
+
+/*
+ * Stock Android browser needs this to force reconsideration of max-width
+ * on an orientation change. Still doesn't help Android Chrome.
+ */
+@media screen and (orientation: landscape){
+  .doesnt-exist { background:red; }
+}