From 7e617c1769e8a7614d62b3f39f7cb15bbff17d3a Mon Sep 17 00:00:00 2001
From: "L. Karkkainen" <tronic@users.noreply.github.com>
Date: Tue, 7 Feb 2023 22:03:10 +0000
Subject: [PATCH] Misc styling

---
 sanic/pages/styles/BasePage.css  |  7 +++----
 sanic/pages/styles/ErrorPage.css | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/sanic/pages/styles/BasePage.css b/sanic/pages/styles/BasePage.css
index 39db518f..54fbfe5f 100644
--- a/sanic/pages/styles/BasePage.css
+++ b/sanic/pages/styles/BasePage.css
@@ -13,6 +13,9 @@ body {
     --sanic-yellow: #FFE900;
     --sanic-purple: #833FE3;
     --sanic-green: #16DB93;
+    scrollbar-gutter: stable;
+    overflow: scroll;
+    overflow-x: hidden;
 }
 
 body>* {
@@ -60,10 +63,6 @@ h1 {
     text-align: left;
 }
 
-h2 {
-    margin: 1em 0 0.5em 0;
-}
-
 a:visited {
     color: inherit;
 }
diff --git a/sanic/pages/styles/ErrorPage.css b/sanic/pages/styles/ErrorPage.css
index bf90bd0b..3a7514dd 100644
--- a/sanic/pages/styles/ErrorPage.css
+++ b/sanic/pages/styles/ErrorPage.css
@@ -1,7 +1,8 @@
 /** ErrorPage **/
 summary {
     margin-top: 3em;
-    color: #888;
+    color: var(--sanic-blue);
+    cursor: pointer;
 }
 
 .tracerite {
@@ -11,9 +12,17 @@ summary {
     --tracerite-exception: var(--sanic);
     --tracerite-highlight: var(--sanic-yellow);
 }
-
+h1 {
+    margin-left: -1.5rem;  /* Emoji partially in the left margin */
+}
+h2 {
+    margin: 1em 0 0.2em 0;
+    font-size: 1.25rem;
+    color: #888;
+}
 dl.key-value-table {
     width: 100%;
+    margin: 0;
     display: grid;
     grid-template-columns: 1fr 5fr;
     grid-gap: .3em;
@@ -23,7 +32,7 @@ dl.key-value-table * {
     margin: 0;
 }
 dl.key-value-table dt {
-    color: gray;
+    color: #888;
     word-break: break-word;
 }
 dl.key-value-table dd {