ROENROLL-1461 removes term container scrolling on mobile

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

@@ -65,7 +65,7 @@
     </div>
 </ng-template>
 
-<mat-card class="term-container">
+<mat-card class="term-container" [ngClass]="{ 'no-scrolling': mobileView.matches }">
   <div class="term-inner">
     <div
       fxLayout="row"

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

@@ -7,6 +7,10 @@
   background-color: #eef1f3;
   padding: 0;
   transition: all 0.2s ease-out;
+
+  &.no-scrolling {
+    height: auto;
+  }
 }
 
 /deep/.mat-tab-label,