From 6df54559e242c43632668107eba501d5492d110e Mon Sep 17 00:00:00 2001
From: Cutieguwu <owen.brooks77@gmail.com>
Date: Wed, 23 Jul 2025 19:37:59 -0400
Subject: [PATCH] Resolve #38; Fix styling of error pages.

---
 src/errors/400.html            | 2 +-
 src/includes/meta.html         | 6 ++----
 src/partials/_pane_error.scss  | 6 +++++-
 src/partials/_pane_main.scss   | 3 ++-
 src/partials/_pane_spacer.scss | 3 ++-
 5 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/errors/400.html b/src/errors/400.html
index 1d60c6a..843fa00 100644
--- a/src/errors/400.html
+++ b/src/errors/400.html
@@ -16,7 +16,7 @@
                 </div>
                 <include src="includes/nav_quick_links.html" />
             </nav>
-            <div class="error_pane">
+            <div class="pane_error">
                 <h1>400</h1>
                 <h2>Bad Request!</h2>
                 <hr />
diff --git a/src/includes/meta.html b/src/includes/meta.html
index 21ee937..5f49900 100644
--- a/src/includes/meta.html
+++ b/src/includes/meta.html
@@ -1,11 +1,9 @@
 <meta charset="utf-8" />
 
 <meta name="description" content="Cutieguwu's Official website" />
-<meta
-    name="viewport"
-    content="width=device-width, height=device-height, initial-scale=1.0"
-/>
+<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
 <meta name="keywords" content="cutieguwu" />
 
 <link rel="icon" type="image/x-icon" href="img/test-favicon.jpg" />
+
 <link rel="stylesheet" type="text/css" href="style.css" />
diff --git a/src/partials/_pane_error.scss b/src/partials/_pane_error.scss
index 849924c..59b49b2 100644
--- a/src/partials/_pane_error.scss
+++ b/src/partials/_pane_error.scss
@@ -1,6 +1,10 @@
 .pane_error {
     width: max-content;
-    margin: auto; /* center object */
+
     text-align: center;
     background-color: var(--background-2);
+    margin: auto; /* center object */
+    padding: var(--spacing-horizontal);
+
+    border-radius: var(--border-radius-leaf);
 }
diff --git a/src/partials/_pane_main.scss b/src/partials/_pane_main.scss
index 7cd4a73..9d20032 100644
--- a/src/partials/_pane_main.scss
+++ b/src/partials/_pane_main.scss
@@ -1,9 +1,10 @@
 .pane_main {
     flex: 1;
+
     text-align: center;
     background-color: var(--background-2);
     margin: var(--margin-pane);
-    padding: 0;
+    padding: var(--spacing-horizontal);
 
     border-radius: var(--border-radius-leaf);
 }
diff --git a/src/partials/_pane_spacer.scss b/src/partials/_pane_spacer.scss
index f31c47a..eee0033 100644
--- a/src/partials/_pane_spacer.scss
+++ b/src/partials/_pane_spacer.scss
@@ -8,11 +8,12 @@
 
     .spacer_container {
         margin: 0;
+        padding: var(--spacing-horizontal);
         background-color: var(--background-2);
         height: calc(
             50vh - var(--margin-pane) - calc(
                     var(--spacing-menu-gap) / 2
-                )
+                ) - calc(var(--spacing-horizontal) * 2)
         );
         flex: 1;
         border-radius: var(--border-radius-leaf);