fix: many small UI tweaks

aep-schedule-website/src/frontend/components/options/courses_selector.rs

@@ -35,7 +35,7 @@ where
                 open.update(|b| *b = !*b);
                 submit();
             }
-            class="gap-2 items-center py-1.5 px-3 rounded-lg flex"
+            class="gap-2 cursor-pointer items-center py-1.5 px-3 rounded-lg flex"
             class=("bg-green-500", move || {open.get()})
             class=("bg-red-500", move || {!open.get()})
         >

aep-schedule-website/src/frontend/components/schedule.rs

@@ -120,7 +120,7 @@ pub fn ScheduleComponent(schedule: Schedule, calendar: Rc<Calendar>) -> impl Int
     let link: NodeRef<A> = create_node_ref();
 
     view! {
-        <div class="flex flex-col w-full items-center">
+        <div class="flex flex-col w-full items-center card p-2">
             <a class="hidden" download="cours.ics" href=move || download.get() node_ref=link></a>
             <table class="cours">
                 {schedule.taken_courses.iter().enumerate().map(|(i, c)| view!{<Course i course={c} />}).collect_view()}

aep-schedule-website/style/schedule.scss

@@ -72,7 +72,7 @@ $days: $time-width 10px repeat(5, 1fr);
 .event {
   border-radius: 0.5em;
   padding: 1px;
-  margin: 0 2px;
+  margin: 1px 1px 2px 2px;
   font-weight: bold;
   font-size: 70%;
   text-align: center;
@@ -91,13 +91,13 @@ $days: $time-width 10px repeat(5, 1fr);
 }
 
 .b1 {
-  width: 45%;
-  margin-right: 55%;
+  width: calc(50% - 2px);
+  margin-right: calc(50% + 1px);
 }
 
 .b2 {
-  width: 45%;
-  margin-left: 55%;
+  width: calc(50% - 2px);
+  margin-left: calc(50% + 1px);
 }
 
 .button-download {