Fix Add Course button in timetable misalignment (#3829)

* fix misalignment issues * fix for small device screens as well * format
nusmodifications · Sep 30, 2024 · 6588b48 · 6588b48
1 parent d36ac0f
commit 6588b48
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git 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
@@ -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 {