diff --git a/aep-schedule-website/src/frontend/components/options/courses_selector.rs b/aep-schedule-website/src/frontend/components/options/courses_selector.rs index 4e190077ab9ec187339b61d0c55c92063ee0c0b0..fa0d7df5c0ad69d3a0e4449d51b06a7f4ddf1949 100644 --- a/aep-schedule-website/src/frontend/components/options/courses_selector.rs +++ b/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()}) > diff --git a/aep-schedule-website/src/frontend/components/schedule.rs b/aep-schedule-website/src/frontend/components/schedule.rs index 5c21a8d7b666ce2726cfd9c14e1bca8d74af87ab..22d93e56b42823aa180c20e62eef442c9be2a5e3 100644 --- a/aep-schedule-website/src/frontend/components/schedule.rs +++ b/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()} diff --git a/aep-schedule-website/style/schedule.scss b/aep-schedule-website/style/schedule.scss index 701433779957dc84b1500c1c9d3ac350d6be7651..3ea33940f8b456ac3112a59abf179575d59c905b 100644 --- a/aep-schedule-website/style/schedule.scss +++ b/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 {