fix css administration

apps/maarch_entreprise/Views/administration.component.html

@@ -20,48 +20,48 @@
             </div>
             <mat-card *ngIf="!loading" class="card-app-content">
                 <div class="row adminArea">
-                    <mat-card class="col-md-6 adminArea_1" *ngIf="organisationServices">
+                    <div class="col-md-6 adminArea_1" *ngIf="organisationServices">
                         <div style="font-size: 20px;
                         font-weight: bolder;
                         opacity: 0.2;
                         text-align: center">ORGANISATION</div>
-                        <button style="white-space:inherit;height: 130px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of organisationServices"
+                        <button style="white-space:inherit;height: 100px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of organisationServices"
                             (click)="goToSpecifiedAdministration(modService)">
                             <i class="{{modService.style}} fa-4x"></i>
                             <br/>{{modService.name}}</button>
-                    </mat-card>
+                    </div>
 
-                    <mat-card class="col-md-6 adminArea_2" *ngIf="productionServices">
+                    <div class="col-md-6 adminArea_2" *ngIf="productionServices">
                         <div style="font-size: 20px;
                         font-weight: bolder;
                         opacity: 0.2;
                         text-align: center">PRODUCTION</div>
-                        <button style="white-space:inherit;height: 130px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of productionServices"
+                        <button style="white-space:inherit;height: 100px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of productionServices"
                             (click)="goToSpecifiedAdministration(modService)">
                             <i class="{{modService.style}} fa-4x"></i>
                             <br/>{{modService.name}}</button>
-                    </mat-card>
-                    <mat-card class="col-md-6 adminArea_3" *ngIf="classementServices">
+                    </div>
+                    <div class="col-md-6 adminArea_3" *ngIf="classementServices">
                         <div style="font-size: 20px;
                         font-weight: bolder;
                         opacity: 0.2;
                         text-align: center">CLASSEMENT</div>
-                        <button style="white-space:inherit;height: 130px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of classementServices"
+                        <button style="white-space:inherit;height: 100px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of classementServices"
                             (click)="goToSpecifiedAdministration(modService)">
                             <i class="{{modService.style}} fa-4x"></i>
                             <br/>{{modService.name}}</button>
-                    </mat-card>
+                    </div>
 
-                    <mat-card class="col-md-6 adminArea_4" *ngIf="supervisionServices">
+                    <div class="col-md-6 adminArea_4" *ngIf="supervisionServices">
                         <div style="font-size: 20px;
                         font-weight: bolder;
                         opacity: 0.2;
                         text-align: center">SUPERVISION</div>
-                        <button style="white-space:inherit;height: 130px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of supervisionServices"
+                        <button style="white-space:inherit;height: 100px;line-height:20px;" class="col-md-4 col-xs-6" mat-button color="primary" matTooltip="{{modService.comment}}" *ngFor="let modService of supervisionServices"
                             (click)="goToSpecifiedAdministration(modService)">
                             <i class="{{modService.style}} fa-4x"></i>
                             <br/>{{modService.name}}</button>
-                    </mat-card>
+                    </div>
                 </div>
             </mat-card>
         </mat-sidenav-content>

apps/maarch_entreprise/css/maarch-material.scss

@@ -78,6 +78,7 @@ $theme: mat-light-theme($primary, $accent, $warn);
 }
 
 .adminArea_1{
+  flex: 1;
   overflow: hidden;
   padding:20px;
 }