make boxes look better

client/src/styles/app.css

@@ -4,4 +4,50 @@ form > fieldset > label {
 
 form > fieldset {
     border: none;
+}
+
+li {
+    list-style: none;
+    font-size: 11px;
+}
+li.item {
+    display: grid;
+    grid-template-columns: 1fr 4em;
+    column-gap: 1em;
+    margin: 0.4em 0 0 0;
+}
+h1, h2, h3, h4 {
+    font-weight:normal;
+    margin: 0;
+    padding: 0;
+}
+button {
+border: none;
+font-size: 0.8em;
+padding: 0.1em;
+}
+button.remove-box {
+    width: 100%;
+}
+button:hover {
+    cursor: pointer;
+}
+.box-subtitle {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    font-size: 12px;
+    text-transform: lowercase;
+}
+ul.list-box {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    padding: 0 0 0 1em;
+    margin: 0;
+}
+ul.list-box-item {
+    padding: 0 0 0 1em;
+    display: grid;
+}
+p {
+    margin: 0;
 }