From 2801573d7e11656d906637255e78a9acb03a1616 Mon Sep 17 00:00:00 2001
From: Kata <git@kat.cafe>
Date: Thu, 7 May 2020 23:30:25 -0400
Subject: [PATCH] fix(Category): hidden icon fit and trim

---
 UI/src/components/role-editor/Category.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/UI/src/components/role-editor/Category.js b/UI/src/components/role-editor/Category.js
index 4d355f1..04dd83a 100644
--- a/UI/src/components/role-editor/Category.js
+++ b/UI/src/components/role-editor/Category.js
@@ -32,13 +32,17 @@ class Category extends Component {
           <h4>
             {category.get('name')}
             {category.get('hidden') && (
-              <span uk-tooltip="" title="Hidden" style={{ marginLeft: '0.5em' }}>
-                <GoEyeClosed />
+              <span
+                uk-tooltip=""
+                title="Hidden.<br />No one may select these roles."
+                style={{ marginLeft: '0.5em', fontSize: '0.7em', color: 'var(--c-7)' }}
+              >
+                <GoEyeClosed className="smol-bump" />
               </span>
             )}
           </h4>
           <div uk-tooltip="" title="Edit" onClick={onEditOpen}>
-            <GoPencil />
+            <GoPencil className="smol-bump" />
           </div>
         </div>
         {category