From f18ddc1385f411d6c88b79e290c79cc03a81684c Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 4 Aug 2020 22:44:21 -0700
Subject: [PATCH] always show item action buttons on mobile

---
 src/app/WardrobePage/Item.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/WardrobePage/Item.js b/src/app/WardrobePage/Item.js
index f86a039..48db079 100644
--- a/src/app/WardrobePage/Item.js
+++ b/src/app/WardrobePage/Item.js
@@ -250,6 +250,13 @@ function ItemActionButton({ icon, label, href, onClick }) {
             background-color: ${theme.colors.gray["300"]};
             color: ${theme.colors.gray["700"]};
           }
+
+          /* On touch devices, always show the buttons! This avoids having to
+           * tap to reveal them (which toggles the item), or worse,
+           * accidentally tapping a hidden button without realizing! */
+          @media (hover: none) {
+            opacity: 1;
+          }
         `}
       />
     </Tooltip>