From 2f57c75af460a65775131dc83c52ae66bb744d1b Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Mon, 29 Jun 2020 01:27:37 -0500
Subject: [PATCH] ui: tweaks

---
 src/client/sidebar.jsx               |  1 +
 src/client/sidebar.raw.scss          | 18 +++++++++++++-----
 src/common/resources/entity/icon.jsx |  1 +
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/client/sidebar.jsx b/src/client/sidebar.jsx
index 4084143..790002c 100644
--- a/src/client/sidebar.jsx
+++ b/src/client/sidebar.jsx
@@ -100,6 +100,7 @@ const Sidebar = () => {
   }));
   return (
     <div className="sidebar">
+      <h2>Resources</h2>
       <SortableTree
         canNodeHaveChildren={(node) => !node.uri}
         generateNodeProps={({node}) => ({
diff --git a/src/client/sidebar.raw.scss b/src/client/sidebar.raw.scss
index d96ca5a..e675567 100644
--- a/src/client/sidebar.raw.scss
+++ b/src/client/sidebar.raw.scss
@@ -1,10 +1,20 @@
 :scope {
   background-color: #242424;
-  padding: 0.5em;
+  display: flex;
+  flex-direction: column;
+  padding: 0.5em 0 0;
   width: 100%;
   height: 100%;
 }
 
+h2 {
+  color: #aaaaaa;
+  font-size: 0.9em;
+  margin: 0.5em 0 1em 2.25em;
+  text-transform: uppercase;
+  font-family: var(--title-font-family);
+}
+
 .rst__virtualScrollOverride:focus {
   box-shadow: none;
 }
@@ -39,9 +49,6 @@
     display: flex;
     font-family: var(--title-font-family);
     padding: 0.25em 0 0;
-    svg {
-      fill: #aaaaaa;
-    }
     &.directory {
       left: 1.5em;
       position: relative;
@@ -53,12 +60,13 @@
 }
 
 .rstcustom__node {
+  padding: 0 0.5em;
   &:hover {
     background-color: rgba(255, 255, 255, 0.025);
   }
   button {
     top: 0.75em;
-    transform: translate3d(-22.5%, -50%, 0) scale(0.75);
+    transform: translate3d(0%, -50%, 0) scale(0.75);
   }
 }
 
diff --git a/src/common/resources/entity/icon.jsx b/src/common/resources/entity/icon.jsx
index 28f5f8f..3a27550 100644
--- a/src/common/resources/entity/icon.jsx
+++ b/src/common/resources/entity/icon.jsx
@@ -8,6 +8,7 @@ export default () => (
   >
     <path
       d="M 511.867188 247.648438 C 511.859375 247.4375 511.832031 247.230469 511.816406 247.015625 C 509.542969 181.140625 482.460938 119.558594 435.269531 73.253906 C 387.125 26.015625 323.460938 0 256 0 C 187.621094 0 123.332031 26.628906 74.980469 74.980469 C 26.628906 123.332031 0 187.621094 0 256 C 0 290.847656 28.351562 319.199219 63.199219 319.199219 C 98.050781 319.199219 126.398438 290.847656 126.398438 256 C 126.398438 157.960938 206.160156 78.199219 304.199219 78.199219 C 401.40625 78.199219 479.480469 154.28125 481.941406 251.402344 C 481.941406 251.449219 481.949219 251.496094 481.953125 251.542969 C 481.980469 253.027344 482 254.519531 482 256 C 482 380.617188 380.617188 482 256 482 C 247.714844 482 241 488.714844 241 497 C 241 505.285156 247.714844 512 256 512 C 324.378906 512 388.667969 485.371094 437.019531 437.019531 C 485.371094 388.667969 512 324.378906 512 256 C 512 253.21875 511.957031 250.410156 511.867188 247.648438 Z M 511.867188 247.648438 "
+      fill="#cd6300"
     />
   </svg>
 );