From 6588b48768449247e7d6a6c98e25755136c32f1d Mon Sep 17 00:00:00 2001
From: Ryan Yeo <99546476+kaze-droid@users.noreply.github.com>
Date: Mon, 30 Sep 2024 16:00:46 +0800
Subject: [PATCH] Fix Add Course button in timetable misalignment (#3829)

* fix misalignment issues

* fix for small device screens as well

* format
---
 website/src/views/components/Modal.scss        | 13 +++++++++++++
 website/src/views/timetable/ModulesSelect.scss |  9 +++++++++
 2 files changed, 22 insertions(+)

diff --git a/website/src/views/components/Modal.scss b/website/src/views/components/Modal.scss
index e5d0ed9da1..103bc985bc 100644
--- a/website/src/views/components/Modal.scss
+++ b/website/src/views/components/Modal.scss
@@ -53,6 +53,19 @@
     }
   }
 
+  @include media-breakpoint-up(sm) {
+    &.fullscreen {
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      max-width: 100%;
+      max-height: 100%;
+      padding: 0;
+    }
+  }
+
+
   @include media-breakpoint-up(md) {
     top: 5%;
     max-height: 90%;
diff --git a/website/src/views/timetable/ModulesSelect.scss b/website/src/views/timetable/ModulesSelect.scss
index 91c8e30c24..310e6d9de4 100644
--- a/website/src/views/timetable/ModulesSelect.scss
+++ b/website/src/views/timetable/ModulesSelect.scss
@@ -68,6 +68,15 @@ $item-padding-vertical: 0.6rem;
   background: var(--body-bg);
 }
 
+@include media-breakpoint-up(xs) {
+  .tip {
+    position: absolute;
+    top: $input-height;
+    right: 0;
+    left: 0;
+  }
+}
+
 @include media-breakpoint-up(md) {
   .selectList,
   .tip {