From e964457e1c525a2adb19d3b8dd1af638f852240c Mon Sep 17 00:00:00 2001
From: Phil Howard <github@gadgetoid.com>
Date: Mon, 17 Jun 2024 21:47:09 +0100
Subject: [PATCH] Better responsive.

---
 assets/pinout.css | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/assets/pinout.css b/assets/pinout.css
index b44bd91..556bced 100644
--- a/assets/pinout.css
+++ b/assets/pinout.css
@@ -1,4 +1,4 @@
-body {
+body, html {
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     padding: 0;
     margin: 0;
@@ -18,7 +18,7 @@ footer p {
 aside {
     margin-top: 20px; /* mobile, removed >= 640px */
     grid-template-rows: auto 1fr;
-    grid-template-columns: auto 196px;
+    grid-template-columns: auto 147px;
     display: grid;
 }
 aside nav {
@@ -38,6 +38,7 @@ ul, li {
 }
 aside li {
     font-size: 80%;
+    list-style: none;
 }
 section img {
     max-width: 100%;
@@ -230,9 +231,7 @@ section, footer {
     aside {
         margin-top: 0;
         grid-row: 2;
-    }
-    aside li {
-        margin-left: 20px;
+        grid-template-columns: auto 196px;
     }
     article p:nth-child(1) {
         margin-top: 0;
@@ -248,7 +247,6 @@ section, footer {
     body {
         background-color: #000000;
         color: #eee;
-        margin: 20px;
     }
     .labels .ground td {color: #eeeeee66;}
     header, body > nav {