css changes made to the render frequency scss file

Author: andytsou19

src/app/components/ComponentMap.tsx

@@ -320,8 +320,8 @@ export default function ComponentMap({
                           fill={node.children ? '#161521' : '#62d6fb'}
                           // node.data.isExpanded = if node is collapsed
                           // stroke={(node.data.isExpanded && node.child) ? '#95fb62' : '#a69ff5'} => node.child is gone when clicked, even if it actually has children. Maybe better call node.children => node.leaf
-                          stroke={(node.data.isExpanded && node.data.children.length > 0) ? '#ff6569' : 'none'}
-                          strokeWidth={3}
+                          stroke={(node.data.isExpanded && node.data.children.length > 0) ? '#ff6569' : '#4D4D4D'}
+                          strokeWidth={1.5}
                           // strokeDasharray={node.children ? '0' : '2,2'}
                           strokeOpacity="1"
                           rx={node.children ? 4 : 10}

src/app/styles/components/_renderingFrequency.scss

@@ -13,6 +13,7 @@
 	height: 25vw;
 	overflow-y: scroll;
 	overflow-wrap: break-word;
+    overscroll-behavior: contain;
 }
 
 .DataComponent {
@@ -24,6 +25,7 @@
 	height: 40vw;
 	overflow-y: scroll;
 	overflow-wrap: break-word;
+	overscroll-behavior: contain;
 }
 
 
@@ -98,10 +100,17 @@
 }
 
 .RenderRight {
+	cursor: pointer;
 	padding-right: 5px;
 	border-right: 5px;
 	background: $blue-color-gradient;
 	width: 50px;
 	padding: 0 0.5em;
 	right: 10%;
+	opacity: 70%;
+	transition: 0.3s;
+}
+
+.RenderRight:hover {
+	opacity: 100%;
 }