Responsive para circular Vista padres

Front/src/app/modules/Administrador/pages/circulares/editar.component.html

@@ -122,10 +122,10 @@
 
           <!-- <mat-progress-bar class="progress-bar" mode="determinate"
                             [value]="uploadProgress" *ngIf="uploadProgress">
-        
+
           </mat-progress-bar> -->
 
-          <!-- <mat-icon class="cancel-upload" (click)="cancelUpload()" 
+          <!-- <mat-icon class="cancel-upload" (click)="cancelUpload()"
                     *ngIf="uploadProgress">delete_forever</mat-icon> -->
 
         </div>
@@ -145,7 +145,7 @@
 </mat-dialog-content>
 <div class="align flex-row mt-20 pb-10">
   <div class="align-items">
-    <button type="button" (click)="editCircular()" class="yellow">Ingresar<mat-icon class="icon"
+    <button type="button" (click)="editCircular()" class="orange btn-footer">Ingresar<mat-icon class="icon"
         matSuffix>description</mat-icon></button>
   </div>
   <div class="align-items">
@@ -158,4 +158,4 @@
 
 </div>
 
-<!-- -------------------------------------- -->
+<!-- -------------------------------------- -->

Front/src/app/modules/Alumno/bitagora/bitagora.component.css

@@ -73,7 +73,7 @@ mat-paginator {
 }
 
 /* Para pantallas pequeñas, teléfonos móviles */
-@media only screen and (max-width: 480px) {
+@media only screen and (max-width: 600px) {
   .container {
     padding: 20px 10px;
     flex-direction: column;

Front/src/app/modules/Padres/pages/circularHijos/circular-hijos.component.css

@@ -38,62 +38,74 @@
     box-sizing: border-box;
 }
 
+.container-col {
+    padding: 20px 15px;
+    margin-top: 5px;
+}
 
-@media only screen and (max-width: 1300px) {
+.input {
+    width: 100% !important;
+    max-width: 100%;
+}
 
-    .-mt-25 {
-        margin-top: -25px;
-    }
+.table-responsive {
+    overflow-x: auto;
+}
 
-    /* titulo */
-    .centrar {
-        width: auto;
-        display: flex;
-        justify-content: center;
-        margin-left: -65px;
-    }
+.table-container {
+    width: 100%;
+    min-width: 300px;
+}
+
+table.mat-table {
+    width: 100%;
+}
+
+@media (max-width: 600px) {
 
 
-    .fondo {
-        width: auto;
+    .mat-cell, .mat-header-cell {
+        padding: 4px 8px;
+        font-size: 12px;
     }
 
-    .contenedor-inputCard {
-        width: 80% !important;
-        display: flex;
-        justify-content: center;
-        margin-left: 11px;
+    .centrar {
+        margin-top: 10%;
     }
 
-    input {
-        width: 80% !important;
+    .fondo p.content {
+        font-size: 16px;
     }
 
-    .content {
-        margin-bottom: 0;
-        margin-top: 0;
-        padding-top: 10px;
-        padding-bottom: 10px;
-        padding-left: 10px;
-        padding-right: 10px;
-        font-weight: 500;
-        font-size: 24px;
-        color: white;
-        font-family: "Serenity Medium";
+    mat-paginator {
+        font-size: 12px;
     }
+}
 
-    .table-content {
-        margin-top: -30px;
+@media (max-width: 400px) {
+    .mat-column-importancia {
+        display: none;
     }
 
-    .table-container {
-        width: 86% !important;
-        margin-left: -2px;
+    .container-col {
+        padding: 10px 5px;
     }
 
-    .table-responsive {
-        overflow-x: scroll;
-        white-space: nowrap;
+    .red {
+        padding: 3px 10px;
+        font-size: 14px;
+        height: 30px;
     }
+}
+
+button[mat-button] {
+    font-size: 12px;
+    padding: 0 8px;
+}
+
+mat-icon {
+    font-size: 18px;
+    width: 18px;
+    height: 18px;
+}
 
-}

Front/src/app/modules/Padres/pages/circularHijos/circular-hijos.component.html

@@ -71,4 +71,4 @@
         </div>
         <mat-paginator [pageSizeOptions]="[5, 10, 15]" showFirstLastButtons class="mat-elevation-z8"></mat-paginator>
     </div>
-</div>
+</div>

Front/src/app/modules/Profesor/pages/centro-recursos/centro-recursos.component.html

@@ -38,4 +38,4 @@
     </div>
 
   </div>
-</div>
+</div>