styles and back button

src/components/main/SidePane/index.tsx

@@ -55,9 +55,7 @@ export const SidePane: FC<IProps> = ({
 
       <div className={styles.flexy} />
 
-      <div className={styles.group}>
-        <div className={styles.btn} />
-      </div>
+      <div className={styles.btn}>S</div>
     </div>
   );
 };

src/components/main/SidePane/styles.scss

@@ -54,11 +54,15 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font: $font_24_semibold;
+  font: $font_24_medium;
 
   &:global(.orange) {
     background: linear-gradient(280deg, $red, $orange);
     color: transparentize(black, 0.7);
+    width: 66px;
+    border-radius: 6px 0 0 6px;
+    position: relative;
+    left: 0;
   }
 }
 

src/components/node/NodePanel/styles.scss

@@ -59,8 +59,9 @@
     right: 4px;
     width: 24px;
     height: 52px;
-    background: $olive;
+    background: $green_gradient;
     box-shadow: transparentize(black, 0.8) 4px 2px;
+    border-radius: 2px;
   }
 }
 

src/components/node/NodeRelated/styles.scss

@@ -1,6 +1,7 @@
 .wrap {
   padding: $gap;
   background: transparentize(black, 0.8);
+  border-radius: $panel_radius;
 }
 
 .grid {
@@ -21,7 +22,7 @@
 .title {
   font: $font_14_semibold;
   text-transform: uppercase;
-  color: transparentize(white, 0.7);
+  color: transparentize(white, 0.3);
   flex-direction: row;
   display: flex;
   align-items: center;