From f1b60f443c4149611ec94c0d95b9690cbe5cae41 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Thu, 24 Nov 2022 08:26:28 -0500
Subject: [PATCH] Fix size of development disclosure instead of growing with
 the font size of the document

---
 assets/styles/development.css | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/assets/styles/development.css b/assets/styles/development.css
index f27c5dd..318bdb2 100644
--- a/assets/styles/development.css
+++ b/assets/styles/development.css
@@ -30,11 +30,11 @@ details:has(.photo-params.debug) {
     border: 1px solid var(--separator-color);
     border-radius: 6px;
     box-shadow: 4px 5px 5px var(--box-shadow-color);
-    font-size: 1.75rem;
+    font-size: 12px;
     padding: 0.5rem;
     position: fixed;
-    left: 2rem;
-    bottom: 2rem;
+    left: 12px;
+    bottom: 12px;
     width: max-content;
 }
 
@@ -47,14 +47,25 @@ details:has(.photo-params.debug) {
 }
 
 #debug-page-info > details > table {
-    border-collapse: collapse;
+    border: 0;
+    border-color: rgb(var(--dk-gray));
     display: block;
     margin-block-start: 0.5em;
     margin-inline-start: 1em;
+    width: 100%;
+}
+
+#debug-page-info > details > table > tbody {
+    border: 1px solid;
+}
+
+#debug-page-info > details > table > tbody + tbody {
+    border-top: 1px solid;
 }
 
 #debug-page-info > details > table > tbody > tr > td {
-    border: 1px solid rgb(var(--dk-gray));
+    border: 1px dotted;
+    border-left: 1px solid;
     padding: 0.3em;
 }