Use a white background on the body element for a narrow screen

This avoids some ugly-looking dark area at the bottom of the screen,
(since our page content doesn't always fill the screen). So things
look better like this.

diff --git a/empires/style.css b/empires/style.css
index 9beda3e89e2408d90645bb91d5fee21f4f67fa47..0c4f01008fb45103d8bb66bbe091e2205bfcd125 100644 (file)
--- a/empires/style.css
+++ b/empires/style.css
@@ -28,6 +28,9 @@ body {
 /* And when the screen is narrow, let's kill the wasted vertical space
    above it too. */
 @media screen and (max-width: 499px) {
+    body {
+        background-color: white;
+    }
     #page {
         margin-top: 0;
         margin-bottom: 0;