From: Carl Worth <cworth@cworth.org>
Date: Sat, 16 May 2020 22:40:53 +0000 (-0700)
Subject: Add a little universal padding to the page
X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=commitdiff_plain;h=b944577581fdf4dac936064f48346e400f71d10e

Add a little universal padding to the page

Regardless of how tiny the display is, we do want at least _some_
padding.
---

diff --git a/style.css b/style.css
index c79ae7d..70099fd 100644
--- a/style.css
+++ b/style.css
@@ -64,19 +64,21 @@ body {
     margin-right: auto;
     padding-top: 0;
     padding-bottom: 0;
+    padding-left: 1em;
+    padding-right: 1em;
 }
 
 @media screen and (min-width: 620px) and (max-width: 720px) {
     #page {
-        padding-left: calc((100% - 620px)/2);
-        padding-right: calc((100% - 620px)/2);
+        padding-left: calc(1em + (100% - 620px)/2);
+        padding-right: calc(1em + (100% - 620px)/2);
     }
 }
 
 @media screen and (min-width: 720px) {
     #page {
-        padding-left: 50px;
-        padding-right: 50px;
+        padding-left: calc(1em + 50px);
+        padding-right: calc(1em + 50px);
     }
 }