From 5ba1f7815522915d0f77baf41001f551c4710ecb Mon Sep 17 00:00:00 2001
From: "np.w" <nicolaspatrickward@gmail.com>
Date: Tue, 2 Mar 2021 16:52:09 -0600
Subject: [PATCH] use h1 for modal titles

---
 client/src/app.js              | 4 ++--
 client/src/styles/inputBox.css | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/app.js b/client/src/app.js
index 407a690..8f9a096 100644
--- a/client/src/app.js
+++ b/client/src/app.js
@@ -390,7 +390,7 @@ function App() {
   const boxForm =
     <form id="form">
       <InputBox id="id" name="id" value={boxID} readOnly={true} hidden={true} />
-      <legend>Edit Box</legend>
+      <h1>Edit Box</h1>
       <fieldset>
         <InputBox id="box-name" label='name' onChange={boxHandler.handleName} value={boxName} name="name" type="text" />
         <InputBox id="box-description" label='description' onChange={boxHandler.handleDescription} value={boxDescription} name="description" type="text" />
@@ -399,7 +399,7 @@ function App() {
     </form>
 
   const itemForm = <form id="form">
-    <legend>Edit Item</legend>
+    <h1>Edit Item</h1>
     <fieldset>
       <input id="id" name="id" value={itemID} readOnly hidden></input>
       <label htmlFor="item-name">name
diff --git a/client/src/styles/inputBox.css b/client/src/styles/inputBox.css
index 0b15c1a..6eba672 100644
--- a/client/src/styles/inputBox.css
+++ b/client/src/styles/inputBox.css
@@ -1,5 +1,6 @@
 label {
     display: block;
+    margin: 0 0 0.4rem 0;
 }
 input {
     border: 1px solid grey;