From 8d0048bd256d986dcb40d635f2c4907b6de10fbb Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Mon, 31 Oct 2022 08:41:54 -0700
Subject: [PATCH] Clean up the development CSS styles a little bit

---
 static/styles/development.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/static/styles/development.css b/static/styles/development.css
index dc182a4..f27c5dd 100644
--- a/static/styles/development.css
+++ b/static/styles/development.css
@@ -3,6 +3,10 @@
  * Eryn Wells <eryn@erynwells.me>
  */
 
+details:has(.photo-params.debug) {
+    margin-block-end: var(--body-item-spacing);
+}
+
 .draft {
     color: red;
     display: inline-block;
@@ -24,7 +28,6 @@
 #debug-page-info {
     background-color: var(--background-color);
     border: 1px solid var(--separator-color);
-    border-collapse: collapse;
     border-radius: 6px;
     box-shadow: 4px 5px 5px var(--box-shadow-color);
     font-size: 1.75rem;
@@ -35,26 +38,27 @@
     width: max-content;
 }
 
-#debug-page-info details {
+#debug-page-info > details {
     margin: 0.5rem;
 }
 
-#debug-page-info summary {
+#debug-page-info > summary {
     font-family: var(--font-family-heading);
 }
 
-#debug-page-info table {
+#debug-page-info > details > table {
+    border-collapse: collapse;
     display: block;
     margin-block-start: 0.5em;
     margin-inline-start: 1em;
 }
 
-#debug-page-info td {
+#debug-page-info > details > table > tbody > tr > td {
     border: 1px solid rgb(var(--dk-gray));
     padding: 0.3em;
 }
 
-#debug-page-info tr:nth-child(even) {
+#debug-page-info > details > table > tbody > tr:nth-child(even) {
     background-color: var(--separator-color);
 }