From e8507414d9669d87c6c8efe542226e8b498891eb Mon Sep 17 00:00:00 2001
From: Sean <sean.f.t.engelhardt@gmail.com>
Date: Tue, 27 Jul 2021 12:29:10 +0200
Subject: [PATCH] Fix mat-table no flex class

After upgrading angular material, mat table had a different set of
classes which would break a view
---
 .../components/category-detail/category-detail.component.html | 4 ++--
 .../modules/motion-import/motion-import-list.component.html   | 4 ++--
 .../statute-import-list/statute-import-list.component.html    | 4 ++--
 .../topic-import-list/topic-import-list.component.html        | 4 ++--
 .../users/components/group-list/group-list.component.html     | 4 ++--
 .../users/components/group-list/group-list.component.scss     | 2 +-
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/client/src/app/site/motions/modules/category/components/category-detail/category-detail.component.html b/client/src/app/site/motions/modules/category/components/category-detail/category-detail.component.html
index f1920ec6c..9af2b2eef 100644
--- a/client/src/app/site/motions/modules/category/components/category-detail/category-detail.component.html
+++ b/client/src/app/site/motions/modules/category/components/category-detail/category-detail.component.html
@@ -22,7 +22,7 @@
             <span>{{ getLevelDashes(category) }}</span>
             {{ category.prefixedName }}
         </h2>
-        <table class="os-headed-listview-table" mat-table [dataSource]="dataSources[category.id]">
+        <mat-table class="os-headed-listview-table" [dataSource]="dataSources[category.id]">
             <!-- title column -->
             <ng-container matColumnDef="title">
                 <mat-header-cell *matHeaderCellDef>
@@ -67,7 +67,7 @@
 
             <mat-header-row *matHeaderRowDef="getColumnDefinition()"></mat-header-row>
             <mat-row *matRowDef="let row; columns: getColumnDefinition()"> </mat-row>
-        </table>
+        </mat-table>
     </div>
 </mat-card>
 
diff --git a/client/src/app/site/motions/modules/motion-import/motion-import-list.component.html b/client/src/app/site/motions/modules/motion-import/motion-import-list.component.html
index 096b3bc53..0b88cc870 100644
--- a/client/src/app/site/motions/modules/motion-import/motion-import-list.component.html
+++ b/client/src/app/site/motions/modules/motion-import/motion-import-list.component.html
@@ -119,7 +119,7 @@
         </mat-select>
     </div>
     <div class="table-container">
-        <table mat-table [dataSource]="dataSource" matSort>
+        <mat-table [dataSource]="dataSource" matSort>
             <!-- Status column -->
             <ng-container matColumnDef="status" sticky>
                 <mat-header-cell *matHeaderCellDef class="first-column"></mat-header-cell>
@@ -289,6 +289,6 @@
 
             <mat-header-row *matHeaderRowDef="getColumnDefinition()"></mat-header-row>
             <mat-row [ngClass]="getStateClass(row)" *matRowDef="let row; columns: getColumnDefinition()"> </mat-row>
-        </table>
+        </mat-table>
     </div>
 </mat-card>
diff --git a/client/src/app/site/motions/modules/statute-paragraph/components/statute-import-list/statute-import-list.component.html b/client/src/app/site/motions/modules/statute-paragraph/components/statute-import-list/statute-import-list.component.html
index 2f7d81946..97d6a006a 100644
--- a/client/src/app/site/motions/modules/statute-paragraph/components/statute-import-list/statute-import-list.component.html
+++ b/client/src/app/site/motions/modules/statute-paragraph/components/statute-import-list/statute-import-list.component.html
@@ -111,7 +111,7 @@
         </mat-select>
     </div>
     <div class="table-container">
-        <table mat-table [dataSource]="dataSource" matSort>
+        <mat-table [dataSource]="dataSource" matSort>
             <!-- Status column -->
             <ng-container matColumnDef="status" sticky>
                 <mat-header-cell *matHeaderCellDef class="first-column"></mat-header-cell>
@@ -168,6 +168,6 @@
             </ng-container>
             <mat-header-row *matHeaderRowDef="getColumnDefinition()"></mat-header-row>
             <mat-row [ngClass]="getStateClass(row)" *matRowDef="let row; columns: getColumnDefinition()"> </mat-row>
-        </table>
+        </mat-table>
     </div>
 </mat-card>
diff --git a/client/src/app/site/topics/components/topic-import-list/topic-import-list.component.html b/client/src/app/site/topics/components/topic-import-list/topic-import-list.component.html
index c1d8504ae..08cb3d685 100644
--- a/client/src/app/site/topics/components/topic-import-list/topic-import-list.component.html
+++ b/client/src/app/site/topics/components/topic-import-list/topic-import-list.component.html
@@ -149,7 +149,7 @@
         </mat-select>
     </div>
     <div class="table-container">
-        <table mat-table [dataSource]="dataSource" matSort>
+        <mat-table [dataSource]="dataSource" matSort>
             <!-- Status column -->
             <ng-container matColumnDef="status" class="first-column" sticky>
                 <mat-header-cell *matHeaderCellDef></mat-header-cell>
@@ -228,6 +228,6 @@
 
             <mat-header-row *matHeaderRowDef="getColumnDefinition()"></mat-header-row>
             <mat-row [ngClass]="getStateClass(row)" *matRowDef="let row; columns: getColumnDefinition()"> </mat-row>
-        </table>
+        </mat-table>
     </div>
 </mat-card>
diff --git a/client/src/app/site/users/components/group-list/group-list.component.html b/client/src/app/site/users/components/group-list/group-list.component.html
index 457527838..87284a7a5 100644
--- a/client/src/app/site/users/components/group-list/group-list.component.html
+++ b/client/src/app/site/users/components/group-list/group-list.component.html
@@ -18,7 +18,7 @@
             </mat-expansion-panel-header>
 
             <div class="scrollable-perm-matrix">
-                <table mat-table [dataSource]="getTableDataSource(app.permissions)">
+                <mat-table [dataSource]="getTableDataSource(app.permissions)">
                     <ng-container matColumnDef="perm" sticky>
                         <mat-header-cell *matHeaderCellDef>{{ 'Permissions' | translate }}</mat-header-cell>
                         <mat-cell *matCellDef="let perm">
@@ -48,7 +48,7 @@
 
                     <mat-header-row *matHeaderRowDef="headerRowDef"></mat-header-row>
                     <mat-row *matRowDef="let row; columns: headerRowDef"></mat-row>
-                </table>
+                </mat-table>
             </div>
         </mat-expansion-panel>
     </mat-accordion>
diff --git a/client/src/app/site/users/components/group-list/group-list.component.scss b/client/src/app/site/users/components/group-list/group-list.component.scss
index 02ddd30ab..bb41b5e72 100644
--- a/client/src/app/site/users/components/group-list/group-list.component.scss
+++ b/client/src/app/site/users/components/group-list/group-list.component.scss
@@ -1,6 +1,6 @@
 @import '~assets/styles/tables.scss';
 
-table {
+.mat-table {
     .mat-cell {
         min-width: 80px;
     }