Close to being done on line-circle collisions, but it appears we're running into a rotation problem. Going to work on square-line collisions in the meantime

1 files changed, 11 insertions, 0 deletions

diff --git a/frontend/index.css b/frontend/index.css
index 729768c..00ea6e9 100644
--- a/frontend/index.css
+++ b/frontend/index.css
@@ -77,6 +77,7 @@ nav {
 }
 
 .outer-tree > li > span > i {
+    transform: rotate(0deg);
     transition: 100ms ease-in-out transform;
 }
 
@@ -85,6 +86,10 @@ nav {
     transform: rotate(180deg);
 }
 
+.outer-tree li > span > span {
+    padding-left: 1rem;;
+}
+
 .inner-tree {
     padding-left: 1rem;
     display: none;
@@ -186,6 +191,7 @@ article .opengl_canvas_container {
     display: flex;
     flex-direction: row;
     justify-content: center;
+    border-radius: 3px;
 }
 
 article .opengl_canvas_container .play_button {
@@ -206,6 +212,11 @@ article .opengl_canvas_container .play_button {
     justify-content: center;
 }
 
+.opengl_canvas_container canvas {
+    border-radius: 3px 0px 0px 3px;
+    border: 1px solid black;
+}
+
 article .opengl_canvas_container .play_button:hover {
     cursor: pointer;
 }