ROENROLL-1466 IE fixes part 3: The search for sanity

angular.json

@@ -20,9 +20,9 @@
             "tsConfig": "src/tsconfig.app.json",
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
+              "src/styles.css",
               "src/assets/material-theme.scss",
               "src/assets/sass/general.scss",
-              "src/styles.css",
               "src/assets/fonts/material-icons/material-icons.css"
             ],
             "scripts": [

src/app/degree-planner/term-container/term-container.component.scss

 @import 'assets/material-theme.scss';
 
 .term-container {
-  height: 400px;
+  height: 550px;
   display: flex;
   flex-direction: column;
   background-color: #eef1f3;
@@ -25,7 +25,6 @@
 }
 
 // Fixes for IE11 ugh.
-.mat-tab-body-wrapper,
 .mat-tab-group {
   height: 100%;
 }

src/styles.css

-/* You can add global styles to this file, and also import other style files */
\ No newline at end of file
+/* You can add global styles to this file, and also import other style files */
+
+/* Fix for IE11 */
+.mat-tab-body-wrapper {
+  flex-grow: 1;
+}