Menu Styling

update margin and padding for course menu
SAIC-ATS · Nov 15, 2024 · 58553fa · 58553fa
1 parent 6bf336e
commit 58553fa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@
   </head>
   <body class="flex justify-center items-center h-screen bg-gray-100">
     <div id="container" class="grid grid-cols-3 w-full">
-      <div id="course-list" class="p-4 mt-8 overflow-y-auto z-10"></div>
+      <div id="course-list" class="p-4 my-4 overflow-y-auto z-10"></div>
       <div
         id="venn-diagram"
         class="fixed top-0 flex w-full justify-center items-center z-0"

diff --git a/venn.js b/venn.js
@@ -29,16 +29,15 @@ function setup() {
     area.r = randR[index];
     area.color = randColors[index];
   });
-
-  background(255);
+  background(200);
   renderCourseList();
   renderAreas();
   plotCourseDots();
 }
 
 function draw() {
   // Clear the background and redraw areas and highlighted circles
-  background(255);
+  background(200);
   renderAreas();
 
   // Draw any highlighted circles from the active course
@@ -129,7 +128,7 @@ function displayDescription(area) {
   const descriptionDiv = createDiv()
     .parent(descriptionBox)
     .addClass(
-      "description p-2 mb-2 shadow-lg rounded bg-gray-100 bg-opacity-75"
+      "description p-2 mb-2 shadow-lg rounded bg-gray-300 bg-opacity-50"
     );
 
   descriptionDiv.html(`<strong>${area.name}</strong>: ${area.description}`);