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 c79ae7d5903c0f43f504fc5eda3067a51b7c68dc..70099fd0f17f4f287424878a76b3b2b65f6b82ce 100644 (file)
--- 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);
     }
 }