more styling

client/src/components/inventory.css

@@ -21,13 +21,15 @@
 }
 
 .inventory .item {
-  border: solid 1px #aaa;
+  background: #fff;
+  border: solid 1px #777;
   padding: .1em .5em;
 }
 
 .inventory .item.locked,
 .inventory .item.disabled {
-  color: #aaa;
+  border: solid 1px #ccc;
+  color: #ccc;
 }
 
 

client/src/components/level.css

@@ -72,6 +72,10 @@
   gap: 1em;
 }
 
+.doc-panel {
+  background: #fafafa;
+}
+
 .doc-panel li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12); /* This should be teh same colour as `divider` in Inventory.tsx */
 }