From bf3a837fd02add02c48cc5d4763c553717c81a44 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@generalassemb.ly>
Date: Fri, 10 Nov 2023 12:37:19 -0500
Subject: [PATCH] collapse

---
 app.css    |  5 ++++-
 index.html | 20 +++++++++++---------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/app.css b/app.css
index 23092c4..92ecf7d 100644
--- a/app.css
+++ b/app.css
@@ -1,5 +1,5 @@
 body,html {
-	height:100%;
+	padding-bottom:2em;
 }
 ul {
 	padding:0;
@@ -33,3 +33,6 @@ button, input {
 form {
 	margin: 1em 0 0 0;
 }
+summary {
+	padding: 1em;
+}
diff --git a/index.html b/index.html
index ef65b3d..2fda147 100644
--- a/index.html
+++ b/index.html
@@ -11,15 +11,17 @@
 	<ul></ul>
 	<template>
 		<li draggable="true">
-			<h2>placeholder</h2>
-			<ul></ul>
-			<button class="add">Add</button>
-			<button class="delete">Delete</button>
-			<form>
-				<input typ="text" placeholder="new value"/>
-				<input type="submit" value="Update"/>
-				<input type="reset" value="Reset"/>
-			</form>
+			<details>
+				<summary>placeholder</summary>
+				<ul></ul>
+				<button class="add">Add</button>
+				<button class="delete">Delete</button>
+				<form>
+					<input typ="text" placeholder="new value"/>
+					<input type="submit" value="Update"/>
+					<input type="reset" value="Reset"/>
+				</form>
+			</details>
 		</li>
 	</template>
 </body>