From 9a65dfffafd2ff72eabb3af54c32b7c7aa3a2298 Mon Sep 17 00:00:00 2001
From: "Brian S. Stephan" <bss@incorporeal.org>
Date: Mon, 18 Apr 2022 07:44:05 -0500
Subject: [PATCH] tweaks to the content responsiveness and header padding

more readability stuff for desktop without (hopefully) affecting the
mobile experience much
---
 incorporealcms/static/css/base.css  | 13 ++++++++++---
 incorporealcms/static/css/dark.css  |  4 ----
 incorporealcms/static/css/light.css |  4 ----
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/incorporealcms/static/css/base.css b/incorporealcms/static/css/base.css
index 870a9bd..c59ce53 100644
--- a/incorporealcms/static/css/base.css
+++ b/incorporealcms/static/css/base.css
@@ -12,11 +12,11 @@ body {
 }
 
 .site-wrap-normal-width {
-    max-width: 70pc;
+    max-width: 80pc;
 }
 
 .site-wrap-double-width {
-    max-width: 140pc;
+    max-width: 160pc;
 }
 
 .site-wrap {
@@ -50,7 +50,7 @@ div.header {
     display: flex;
     justify-content: space-between;
     font-size: 0.75em;
-    padding: 0.25em 0.5em;
+    padding: 0.5em 1em;
 }
 
 div.header a {
@@ -63,6 +63,13 @@ div.content {
     line-height: 1.6em;
 }
 
+@media only screen and (min-width: 70pc) {
+    div.content {
+        margin-left: 5pc;
+        margin-right: 5pc;
+    }
+}
+
 div.content p {
     margin: 1.25em 0;
 }
diff --git a/incorporealcms/static/css/dark.css b/incorporealcms/static/css/dark.css
index 554a808..f1e4933 100644
--- a/incorporealcms/static/css/dark.css
+++ b/incorporealcms/static/css/dark.css
@@ -15,10 +15,6 @@ strong {
 
 .site-wrap {
     background: black;
-
-    border: 1px solid #222;
-    border-top: none;
-    border-bottom: none;
 }
 
 h1, h2, h3, h4, h5, h6 {
diff --git a/incorporealcms/static/css/light.css b/incorporealcms/static/css/light.css
index 3468df6..15bf5ef 100644
--- a/incorporealcms/static/css/light.css
+++ b/incorporealcms/static/css/light.css
@@ -15,10 +15,6 @@ strong {
 
 .site-wrap {
     background: white;
-
-    border: 1px solid #DDD;
-    border-top: none;
-    border-bottom: none;
 }
 
 h1, h2, h3, h4, h5, h6 {