ui: tweaks

src/client/sidebar.jsx

@@ -100,6 +100,7 @@ const Sidebar = () => {
   }));
   return (
     <div className="sidebar">
+      <h2>Resources</h2>
       <SortableTree
         canNodeHaveChildren={(node) => !node.uri}
         generateNodeProps={({node}) => ({

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);
   }
 }
 

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>
 );