From: Carl Worth <cworth@cworth.org>
Date: Mon, 11 May 2020 23:06:01 +0000 (-0700)
Subject: Use a white background on the body element for a narrow screen
X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=commitdiff_plain;h=692b8849d91bad7d40a3a5045bb967731ee298af

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 9beda3e..0c4f010 100644
--- 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;