From 5641e522ed0ad5bac5e7bf09a8abca967e173924 Mon Sep 17 00:00:00 2001
From: pnogal <paulina.nogal@wisc.edu>
Date: Mon, 26 Nov 2018 15:52:54 -0600
Subject: [PATCH] Add minor mobile styles
---
.../course-details-dialog.component.html | 2 +-
src/assets/sass/general.scss | 9 +++++++++
2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
index 4dda031..fded3ae 100644
--- a/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
+++ b/src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html
@@ -6,7 +6,7 @@
<mat-dialog-content id="course-details-content" class="mat-typography dialog-with-toolbar ">
<div fxLayout="row">
- <div fxLayout="row" fxFlex="100" fxLayoutGap="10px" class="course-details-header">
+ <div fxLayout="row" fxLayout.lt-md="column" fxFlex="100" fxLayoutGap="10px" class="course-details-header">
<div fxFlex="50" class="course-detail-title" fxLayoutAlign="start center">
<h3>{{ courseDetails.fullCourseDesignation | titlecase }}<span class="course-detail-subtitle">{{ courseDetails.title }}</span></h3>
</div>
diff --git a/src/assets/sass/general.scss b/src/assets/sass/general.scss
index d3c9535..87e0591 100644
--- a/src/assets/sass/general.scss
+++ b/src/assets/sass/general.scss
@@ -150,3 +150,12 @@ body {
min-height: 60px;
}
}
+
+
+// Media queries
+
+@media screen and (max-width: 800px) {
+ .mat-dialog-container {
+ min-width: 100%;
+ }
+}
\ No newline at end of file
--
GitLab