From a15a921f680810fceff781639c04dd1c269fcd6d Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Sat, 30 Jan 2021 21:39:18 -0600
Subject: [PATCH] refactor: tab buttons

---
 app/src/react/scss/tabs.scss                     | 15 +++++++++++++++
 .../entity/traits/index.scss                     | 16 ----------------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/app/src/react/scss/tabs.scss b/app/src/react/scss/tabs.scss
index 703a195..ecf39d1 100644
--- a/app/src/react/scss/tabs.scss
+++ b/app/src/react/scss/tabs.scss
@@ -14,6 +14,21 @@
   &:focus:after {
     display: none;
   }
+  > button {
+    background: none;
+    border: none;
+    line-height: 0;
+    margin-left: 0.25em;
+    padding: 0;
+    vertical-align: middle;
+    visibility: hidden;
+    &:hover {
+      background: none;
+    }
+  }
+  &:hover > button {
+    visibility: visible;
+  }
 }
 .react-tabs__tab--selected {
   background-color: #171717;
diff --git a/packages/entity/src/resource-controllers/entity/traits/index.scss b/packages/entity/src/resource-controllers/entity/traits/index.scss
index 8d36b49..92efc53 100644
--- a/packages/entity/src/resource-controllers/entity/traits/index.scss
+++ b/packages/entity/src/resource-controllers/entity/traits/index.scss
@@ -16,22 +16,6 @@
   }
 }
 
-.traits__tab-close {
-  background: none;
-  border: none;
-  line-height: 0;
-  margin-left: 0.25em;
-  padding: 0;
-  vertical-align: middle;
-  visibility: hidden;
-  &:hover {
-    background: none;
-  }
-  .react-tabs__tab:hover & {
-    visibility: visible;
-  }
-}
-
 .traits__tab-bar {
   display: flex;
   margin-bottom: 1em;