Never allow the background body color to be seen on a tiny screen

This breaks the illusion of "full screen" which we want to maintain on
small devices.

diff --git a/style.css b/style.css
index 90ee7bd20ad28462851fcbe5119fec9b0615705c..4cb0b3f7fc945be370b2547711e17c418618e341 100644 (file)
--- a/style.css
+++ b/style.css
@@ -38,6 +38,16 @@ body {
     background-color: white;
 }
 
+/* For a small screen (in either width or height) change the
+ * background of the body element to white so the application always
+ * appears as if it is "full screen".
+ */
+@media screen and (max-width: 500px) and (max-height: 860px) {
+    body {
+        background-color: white;
+    }
+}
+
 /* We never let the page content get larger than a large fixed width.
  *
  * And when the screen is wide enough, we can afford some "wasted"