Scroll en seccion grupos para grupos alumnos y archivos

frontendAngular4/src/app/layout/archivos/archivos.component.html

@@ -75,7 +75,7 @@
 
                         <div class="card" *ngIf="esAlumno">
                             <div class="card-block">
-                                <div class="row listado-archivos" style="min-height: 100px">
+                                <div class="row listado-archivos" style="min-height: 100px; overflow-y: scroll;">
                                     <div class="loading" *ngIf="loadingCompartidos">
                                         <div class="loading-bar"></div>
                                         <div class="loading-bar"></div>

frontendAngular4/src/app/layout/grupos/grupos.component.html

@@ -17,14 +17,14 @@
                     <div *ngIf="grupoSeleccionado==undefined">Grupos</div>
                 </div>
                 <div class="card-block" *ngIf="grupoSeleccionado == undefined">
-                    <div class="row listado-grupos" style="min-height: 100px">
+                    <div class="row listado-grupos" style="min-height: 100px; overflow-y: scroll;">
                         <div class="loading" *ngIf="loading">
                             <div class="loading-bar"></div>
                             <div class="loading-bar"></div>
                             <div class="loading-bar"></div>
                             <div class="loading-bar"></div>
                         </div>
-                        <div *ngFor="let grupo of grupos" (click)="seleccionarGrupo(grupo)" class="col-sm-3 " style="text-align: center;">
+                        <div *ngFor="let grupo of grupos" (click)="seleccionarGrupo(grupo)" class="col-sm-3 col-4 " style="text-align: center;">
                             <i class="fa fa-users" style="font-size: 3em; cursor: pointer;color: rgb(29, 40, 204);" aria-hidden="true"></i>
                             <p style="cursor: pointer;">{{grupo.grado + '°' + grupo.grupo+" - "+grupo.anio}}</p>
                         </div>
@@ -42,7 +42,7 @@
                                 <p class="pull-right" style="margin-top: -34px; margin-right: 5px;">{{grupoSeleccionado.grado+ '°' + grupoSeleccionado.grupo+" - "+grupoSeleccionado.anio}}</p>
                             </div>
                             <div class="card-block">
-                                <div class="row listado-grupos" style="min-height: 100px">
+                                <div class="row listado-grupos" style="min-height: 100px; overflow-y: scroll;">
                                     <div *ngFor="let alumno of grupoSeleccionado.alumnos" (click)="seleccionarAlumno(alumno)" class="col-sm-3 " style="text-align: center;">
                                         <i class="fa fa-user" style="font-size: 3em; cursor: pointer;color: darkorange;" aria-hidden="true"></i>
                                         <p style="cursor: pointer;">{{alumno.apellido +', ' + alumno.nombre}}</p>
@@ -62,8 +62,8 @@
                                 <p class="pull-right" style="margin-top: -34px; margin-right: 5px;">{{grupoSeleccionado.grado+ '°' + grupoSeleccionado.grupo+" - "+grupoSeleccionado.anio}}</p>
                             </div>
                             <div class="card-block">
-                                <div class="row listado-grupos" style="min-height: 100px">
-                                    <div *ngFor="let archivo of grupoSeleccionado.archivos " (click)="seleccionarArchivo(archivo)" class="col-sm-3 " style="text-align: center;">
+                                <div class="row listado-grupos" style="min-height: 100px; overflow-y: scroll;">
+                                    <div *ngFor="let archivo of grupoSeleccionado.archivos " (click)="seleccionarArchivo(archivo)" class="col-sm-3 col-4" style="text-align: center;">
                                         <i class="fa fa-file-text" style="font-size: 3em; cursor: pointer;color:orange" aria-hidden="true"></i>
                                         <p style="cursor: pointer;">{{archivo.nombre}}</p>
                                     </div>
@@ -77,7 +77,7 @@
         <div class="col-lg-7">
             <div class="card" *ngIf="alumnoSeleccionado">
                 <div class="card-block">
-                    <div class="row listadoEntregasAlumnoGrupos" style="min-height: 100px" >
+                    <div class="row listadoEntregasAlumnoGrupos" style="min-height: 100px; overflow-y: scroll;" >
                         <div *ngFor="let entrega of alumnoSeleccionado.archivos" (click)="seleccionarEntrega(entrega)" class="col-sm-3 col-4" style="text-align: center;">
                             <i [ngStyle]="" class="fa fa-file-text" style="font-size: 3em; cursor: pointer;" aria-hidden="true"></i>
                             <p style="cursor: pointer;">{{entrega.nombre}}</p>