styles n stuff

client/src/components/offer.tsx

@@ -23,8 +23,8 @@ export default function Offer(offer) {
         : 'Accept';
 
     const negBtn = accepted
-        ? 'Cancel'
-        : 'decline';
+        ? <button onClick={() => setStatus('Pending')} class='neg'>Cancel</button>
+        : <button onClick={() => setStatus('Declined')} class='neg'>Decline</button>;
 
     return (
         <div class="offer">
@@ -37,7 +37,7 @@ export default function Offer(offer) {
             </section>
             <img src={details.thumb} />
             <button onClick={() => setStatus('Accepted')} disabled={accepted} class={classes} >{btnText}</button>
-            <button class='neg'>{negBtn}</button>
+            {negBtn}
         </div>
     )
 }

client/src/routes/acp.tsx

@@ -31,8 +31,10 @@ function Item({ item }) {
             <a href={item.listing.data.uri} target="_blank" >
                 <h4>{item.listing.data.release.description}</h4>
             </a>
+            <h5>{item.user.email}</h5>
             <h5 class='alt-text'>{item.total}</h5>
             <h5>{item.status}</h5>
+            <label>Set Status:</label>
             <select onChange={onChange}>
                 {statuses}
             </select>

client/src/style/index.less

@@ -300,22 +300,23 @@ header {
     flex-flow: row;
 
     .bundle {
-        display: grid;
-        grid-template-columns: 2fr 1fr;
         margin-bottom: var(--base-spacing-double);
 
+        section {
+            margin-bottom: var(--base-spacing);
+        }
+
         .items {
-            grid-column: 1 / -1;
+            // grid-column: 1 / -1;
             display: grid;
             grid-template-columns: repeat(5, 1fr);
-            align-items: stretch;
 
             div {
                 margin-right: var(--base-spacing);
                 margin-bottom: var(--base-spacing);
 
                 display: grid;
-                grid-template-rows: 1fr 1fr 1fr;
+                // grid-template-rows: 1fr 1fr 1fr;
             }
         }
     }