Merge pull request #8137 from michaelchadwick/frontend-5703-fix-new-f…

…orm-mobile-horiz-scroll fix some routes that have horizontal scrolling on small screen
ilios · Sep 13, 2024 · 1e66759 · 1e66759
2 parents db5a3bd + 588bc12
commit 1e66759
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/packages/frontend/app/styles/components/curriculum-inventory/new-report.scss b/packages/frontend/app/styles/components/curriculum-inventory/new-report.scss
@@ -12,7 +12,10 @@
 
   .form {
     @include m.ilios-form;
-    grid-template-columns: repeat(2, 1fr);
+
+    @include m.for-tablet-and-up {
+      grid-template-columns: repeat(2, 1fr);
+    }
 
     .item {
       @include m.ilios-form-item;

diff --git a/packages/frontend/app/styles/components/instructor-groups/new.scss b/packages/frontend/app/styles/components/instructor-groups/new.scss
@@ -20,9 +20,5 @@
     .buttons {
       @include m.ilios-form-buttons;
     }
-
-    .title input {
-      min-width: 400px;
-    }
   }
 }
diff --git a/packages/frontend/app/styles/components/program/new.scss b/packages/frontend/app/styles/components/program/new.scss
@@ -15,9 +15,6 @@
 
     .title {
       @include m.ilios-form-item;
-      input {
-        min-width: 400px;
-      }
     }
 
     .buttons {

diff --git a/packages/frontend/app/styles/mixins/admin-blocks.scss b/packages/frontend/app/styles/mixins/admin-blocks.scss
@@ -38,6 +38,14 @@
       @include cm.font-size("base");
     }
 
+    select {
+      max-width: 88vw;
+
+      @include cm.for-tablet-and-up {
+        max-width: none;
+      }
+    }
+
     .inline-data {
       display: inline;
     }