From 0f46a4abc9f06d95158596d894b1eb9854d79d4d Mon Sep 17 00:00:00 2001
From: supakeen <cmdr@supakeen.com>
Date: Sat, 5 Mar 2022 13:50:34 +0100
Subject: [PATCH] Left-align content.

Aligning the content to the left allows for a more consistent experience
while resizing.
---
 public/css/style.css | 8 +++-----
 src/css/style.css    | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index e940cf8..0fd6feb 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -25,18 +25,17 @@ html, body {
     color: var(--color-text);
 	background: var(--color-background);
 	font-family: sans-serif;
-	padding: 0;
     min-height: 100%;
+    margin: 0;
 }
 
 html {
-    margin: 0;
     height: 100%;
 }
 
 body {
+    padding: .5rem;
     height: 100%;
-    margin: 0 auto;
     display: grid;
     grid-template:
         "header" 7rem 
@@ -117,13 +116,12 @@ article {
 @media only screen and (max-width: 1000px) {
     body {
         width: 100%;
-        padding: 0 1rem;
     }
 }
 
 @media only screen and (min-width: 1000px) {
     body {
-        width: 80%;
+        width: 70%;
     }
 }
 
diff --git a/src/css/style.css b/src/css/style.css
index 7747f7d..d821624 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -25,18 +25,17 @@ html, body {
     color: var(--color-text);
 	background: var(--color-background);
 	font-family: sans-serif;
-	padding: 0;
     min-height: 100%;
+    margin: 0;
 }
 
 html {
-    margin: 0;
     height: 100%;
 }
 
 body {
+    padding: .5rem;
     height: 100%;
-    margin: 0 auto;
     display: grid;
     grid-template:
         "header" 7rem 
@@ -121,13 +120,12 @@ article {
 @media only screen and (max-width: 1000px) {
     body {
         width: 100%;
-        padding: 0 1rem;
     }
 }
 
 @media only screen and (min-width: 1000px) {
     body {
-        width: 80%;
+        width: 70%;
     }
 }