more button like inventory

excaliburjs · May 14, 2024 · b14dcb5 · b14dcb5
1 parent 3f706c6
commit b14dcb5
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/inventory.ts b/src/inventory.ts
@@ -65,12 +65,18 @@ export class Inventory extends LitElement {
                 cursor: pointer;
                 border-radius: 5px;
                 background-color: #1e1e1e;
-                margin-bottom: 5px;
+                margin-bottom: 10px;
                 padding: 5px;
+                border: 2px solid white;
+                box-shadow: 0 3px gray;
             }
             button:hover,button:focus-visible {
                 outline: white solid 2px;
             }
+            button:active {
+                transform: translate(0, 4px);
+                box-shadow: 0 0 black;
+            }
 
             span {
                 margin-right: auto;