Document doc buttons & Fix textaraand button sizes

Fix the padding around the input and output textareas. The addition of `<!DOCTYPE html>`, which disables quirks mode, requires additional CSS to ensure textareas don't overflow the box that contains them. The `DOCTYPE` tag also also requires `line-height: 0` to prevent the doc buttons from stretching. Fix that, and also document those buttons.
theory · Dec 22, 2024 · 78819f1 · 78819f1
1 parent b359e43
commit 78819f1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@ Usage
 
 On load, the form will be filled with sample JSON and a randomly-selected
 example query. Hit the "Run Query" button to see the values the path query
-selects from the JSON.
+selects from the JSON appear in the "Query Output" field.
 
 To try your own, paste the JSON to query into the "JSON" field and input the
 JSONpath query into the "Path" field, then hit the "Run Query" button.

diff --git a/src/play.css b/src/play.css
@@ -360,6 +360,7 @@ body ul, body ol {
   padding: .5rem;
   border-radius: .5rem;
   max-height: 40vh;
+  box-sizing: border-box;
 }
 
 footer {